Javascript 自动调整嵌入视频的大小
我在这个网站和其他许多网站上进行了研究，并尝试了fivid.js和定制css和js等解决方案，但没有一个解决了我的问题。我想为网站上现有的youtube视频找到一个简单的解决方案，根据屏幕大小调整大小 我认为问题可能在于现有的youtube视频大多以以下方式嵌入：Javascript 自动调整嵌入视频的大小,javascript,css,video,youtube,Javascript,Css,Video,Youtube,我在这个网站和其他许多网站上进行了研究，并尝试了fivid.js和定制css和js等解决方案，但没有一个解决了我的问题。我想为网站上现有的youtube视频找到一个简单的解决方案，根据屏幕大小调整大小 我认为问题可能在于现有的youtube视频大多以以下方式嵌入： <p align="center"> <object width="800" height="450"><param name="movie" value="http://www.youtube.com
<p align="center">
<object width="800" height="450"><param name="movie" value="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&controls=0&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&controls=0&showinfo=0" frameborder="0" allowfullscreen" type="application/x-shockwave-flash" width="800" height="450" allowscriptaccess="always" allowfullscreen="true"></embed></object>
编辑：该网站有多个页面（这是一个电子商务网站），每个产品都有自己的视频，大约有2万个产品。大多数视频都是按照上面的代码编码的，我想知道是否有一种方法可以让它们自己重新调整大小，类似于这样，因为我自己无法浏览所有2万个产品并重做代码。我也很好奇youtube视频的编码方式是否可能做到这一点。好吧，正如我们所知，object和embed已经被弃用，不如使用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&">
</iframe>
</body>
</html>
希望这能帮助您：）您好，谢谢，我该如何做才能影响网站上所有现有的youtube视频，例如，如果有几百个视频以类似的方式嵌入？请参阅，我们可以在一个网页中插入多个iframe。。。现在你要做的是创建一个响应性设计网页创建你的完整布局，无论你想在哪里显示视频只需插入上面的代码。。。您将看到上面的代码片段不包含任何硬代码css，因此它将从其父级获取高度宽度…我想我可能会让您感到困惑，请允许我澄清。我有一个有多个页面的网站（这是一个电子商务网站），每个产品都有自己的视频，大约有2万个产品。大多数视频都是按照描述中的方式编码的，我想知道是否有一种方式可以让它们自己重新调整大小，与此类似，因为我自己无法浏览所有2万个产品并重做代码。我也很好奇youtube视频是如何编码的？我不介意发布这个网站，但你只是想嵌入youtube的源代码吗？在任何情况下，这里是一个特定页面的源代码，大多数页面看起来类似于此查看源代码：尼斯网站。。。将通过它返回美国……：）