將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應用到網頁中的嵌入式媒體播放器

回答

相關問題