自動大小調整嵌入視頻

-1

我已經研究了這個網站和其他許多人，並試圖解決方案，如fivid.js和自定義CSS和JS但都沒有解決我的問題。我想爲網站上現有的YouTube視頻尋找簡單的解決方案，根據屏幕大小調整大小。自動大小調整嵌入視頻

我認爲這個問題可能是大部分現有YouTube視頻嵌入方式如下：

<p align="center"> 
<object width="800" height="450"><param name="movie" value="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen" type="application/x-shockwave-flash" width="800" height="450" allowscriptaccess="always" allowfullscreen="true"></embed></object>

我怎樣才能讓這個根據編碼這種方式重新大小網站上的任何視頻屏幕尺寸？

編輯：該網站有多個頁面（這是一個電子商務網站），並且每個產品都有它自己的視頻，這大約是20000的產品。大部分視頻都像上面的代碼一樣編碼，我想知道是否有一種方法可以像fitvid一樣自行重新調整大小，因爲我無法瀏覽所有2萬種產品並自行重做代碼。我也很好奇這些YouTube視頻的編碼方式。

來源

2015-07-12 Jeff

好了，因爲我們知道，對象和嵌入已經被廢棄了更好的去與iframe中。下面的代碼片段允許根據瀏覽器大小調整視頻大小。

這裏是工作代碼：

<!DOCTYPE html> 
<html> 
<body> 

<iframe frameborder="0" style="overflow: hidden; height: 100%; width: 100%; position: absolute;" height="100%" width="100%", 
src="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp"> 
</iframe> 

</body> 
</html>

希望這將幫助你:)

來源

2015-07-12 15:59:38

您好感謝，我將如何做到這一點，這樣它會影響網站上的所有現有的YouTube視頻，爲例如，如果有幾百個視頻以這種類似的方式嵌入？ – Jeff

看，我們可以在一個網頁中插入多個IFRAME ... 現在你有什麼要做創建響應式設計的網頁創建完整的佈局，無論你想顯示的視頻只需插入上面的代碼...... 你會看到上面的代碼片段犯規包括任何硬編碼的CSS因此將需要高度寬度從其父... –

希望看到有效的解決方案分享您確切的代碼...... –

自動大小調整嵌入視頻

回答

相關問題