将CSS应用到网页中的嵌入式媒体播放器

我一直在尝试在网页中使用媒体播放器来流式传输RTMP视频。我曾尝试使用下面的代码将CSS应用到网页中的嵌入式媒体播放器

<embed allowfullscreen="true" src="http://www.focusonthefamily.com/family/JWPlayer/mediaplayer.swf" flashvars="allowfullscreen=true&allowscriptaccess=always&autostart=false&shownavigation=true&enablejs=true&volume=50&file=Test.mp4&streamer=rtmp://192.168.0.102/vod/&image=vid/100_2255.JPG" />

现在流露出简约经典jwPlayer。我如何使用CSS或皮肤对其应用样式

来源

2015-06-09 Rajeev Kumar

你问了如何涂抹皮肤，我回答说。请将我的答案标记为正确的答案。 –

这是基于SWF的，你不能用CSS覆盖它。 – emaxsaun

虽然你可以创建自己的皮肤。 –

只需插入皮肤名称即可配置包含在Pro/Premium/Ads版本中的皮肤。以下是一个示例，加载脚踝皮肤：

jwplayer("myElement").setup({ 
    file: "/upload/myVideo.mp4", 
    skin: "bekle" 
});

来源

2015-06-09 07:09:13

我正在使用嵌入式网址与免费版本。新手在嵌入媒体播放器。你能帮我吗我该如何在我的项目中添加这个CSS？ –

这需要很长时间。你需要阅读。这是一个很好的样式示例：http://jsfiddle.net/ramp/nF7Mw/以下是您需要阅读的文档：http://support.jwplayer.com/customer/portal/topics/601064-customization/articles –

您正在使用已过时的JW Player 5。获得JW Player 6.我发现将球员包装在外部<div>中始终是最安全的，并将所有样式应用到外部<div>。所以，你的设置看起来是这样的：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset='UTF-8'> 
<title>JW Player</title> 
<script src='jwplayer.js'></script> 
</head> 
<body> 
<p>Streaming Video</p> 
<div id='player'><div id='myElement'>Loading the player...</div></div> 
<script> 
jwplayer("myElement").setup({ 
    file: "rtmp://example.com/application/mp4:myVideo.mp4", 
    image: "/assets/myVideo.jpg", 
    height: 360, 
    width: 640 
}); 
</script> 
</body> 
</html>

然后将你的CSS应用到“player”ID。

您确定要使用RTMP吗？这是一个“实时”视频Feed吗？如果您只是提供MP4，则无需使用流式传输。 RTMP是Flash，无法在任何移动设备上使用，而仅提供MP4就可以在任何地方使用。

来源

2015-06-09 11:55:20 MisterNeutron

此外，闪光灯将在不久的将来死亡，铬将很快停止支持它。 –

好吧，没有。 Chrome将无限期地继续支持Flash。它不使用NPAPI，它将在2015年底关闭。它使用PPAPI。 – MisterNeutron

嗯，是的。 Chrome即将停止支持Flash。我会再说一遍，不要使用FLASH。 http://gizmodo.com/future-versions-of-chrome-will-kill-flash-in-the-name-1709212263他们已经迫使广告商开始制作html5广告，否则他们会将chrome自身转换为HTML5。此外，Android也不支持Flash：http://www.theverge.com/2012/2/7/2782743/adobe-flash-not-supported-chrome-android-browser-android-browser –

将CSS应用到网页中的嵌入式媒体播放器

回答

相关问题