Question

我已经在这个网站和许多其他网站上进行了研究，并尝试过诸如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>

如何制作以便以这种方式编码的网站上的任何视频根据屏幕尺寸重新调整大小？

编辑：该网站有多个页面（这是一个电子商务网站），每个产品都有自己的视频，大约有2万种产品。大多数视频的编码方式与上面的代码类似，我想知道是否有一种方法可以自行调整大小与fitvid类似，因为我无法查看所有2万种产品并重做自己编码。我也很好奇是否可以通过youtube视频编码来实现这一点。

Answer 1

好吧，我们知道对象和嵌入已经被弃用了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>

希望这会对你有所帮助:)。

自动调整嵌入视频的大小

1 个答案: