我有一个包含大量嵌入式YouTube视频的网站; 目前这些都是同时加载的,这当然会导致网站在最初加载时运行得非常慢.
将图像作为占位符/启动画面而不是视频iframe加载的最佳方法是什么？
只有在点击时才需要用YouTube iframe替换图片(这应该仅在请求时加载),从而大大减少了网站的文件大小.我之前发现了一些类似的问题,但他们似乎建议使用CSS和jQuery来改变视频的可见性.这在此实例中不起作用,因为视频播放器仍将在后台加载.
我感谢任何帮助/建议.
我的网站有一个播放多个视频的播放器.我一直在调整代码,将YouTube的iframe API用作播放器.我无法让视频自动播放.这是相关的代码:
<body>
<iframe id="existing-iframe-example"
width="640" height="360"
src="https://www.youtube.com/embed/-SFcIUEvNOQ? autoplay=1&;enablejsapi=1"
frameborder="0"
autoplay="1"
style="border: solid 4px #37474F"
></iframe>
<div id="player"></div>
<div id="movieButtons" class="movieButtons">
<button class="movieButton" data-movieAdr="1-VjtC939_Q">Memorial Slide Show</button>
其余的是标准的YouTube iframe API脚本.您可以看到我尝试将Autoplay = 1设置为iframe参数并作为iframe src的一部分.我也尝试将它包含在按钮中的数据中.这些似乎都不起作用.单击按钮时视频会加载,但它们不会自动播放.
我试图在Android上自动播放youtube视频,与之相同
以下HTML适用于谷歌浏览器浏览器,但不适用于Android模拟器中的浏览器.
<iframe title="YouTube video player" class="youtube-player" type="text/html" width="640" height="390" src="http://www.youtube.com/embed/xxxxxxxx?autoplay=1&vq=medium" frameborder="0"></iframe>
任何人都可以阐明这一点吗？
我的代码遵循这些说明并且不起作用.我也看了YouTube的帮助,他们说同样的话 - 对我不起作用.
<html><body>
<iframe width="640" height="385" src="//www.youtube.com/embed/0319ZgKMLzw?autoplay" frameborder="0" allowfullscreen></iframe></body>
</html>
看到它不在这里自动播放,代码在萤火虫中.
...不工作。任何想法为什么？
<iframe width="560" height="315" src="https://www.youtube.com/embed/nwe76N7J0EI?rel=0&controls=0&showinfo=0&start=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
这是 youtube 提供的最新代码