加载时自动单击youtube播放按钮

Question

我想在移动设备的页面加载上自动单击youtube播放按钮。我正在使用iframe播放youtube视频。它在桌面上自动播放，但在移动设备上显示播放按钮。我正在用这个

  <script type="text/javascript">
$(function() {
    $('.ytp-large-play-button').click();
});
</script>

但对我不起作用。有什么帮助吗？

提前感谢

Answer 1

如果您正在使用jquery，请确保您有一个Jquery文件，或者您可以使用下面的CDN检查。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

当你的页面加载按钮是触发器时使用这个按钮。

 $(document).ready(function(){
    $('.ytp-large-play-button').trigger('click');
 });

Answer 2

您可以像这样使用iframe onload事件

<iframe src="http://..." onload='playVideo();'>
<script type="text/javascript">
function playVideo(){
   $('.ytp-large-play-button').click();
}
</script>

加载iframe时尝试此函数调用

Answer 3

视频可以在桌面上自动播放，但为什么不能在页面加载时在移动网站上自动播放？答案是，不同的操作系统开发者故意在移动设备上禁用自动播放，以保护用户的带宽。许多数据提供商根据消耗的数据量收费，因此操作系统开发人员认为，在页面加载时不让视频自动开始播放是最符合用户利益的，这样它就不会开始收取数据费。相反，移动网络视频需要用户点击它们才能开始。

check more

我不确定您是否可以在iFrame内部触发事件...

为什么不能在移动设备https://www.aerserv.com/why-does-video-autoplay-on-mobile-devices-not-work/上自动播放视频

对于你的情况，试试这个

我刚刚开发的一个自动播放的解决方案是在页面加载时使用一个空视频实例化播放器：

var player = new YT.Player('yt-media-player', {
  height: height,
  width: width,
  videoId: ''
});

然后，在打开lightbox的单击事件上，您可以加载特定的视频并调用它进行播放：

player.loadVideoById(youtubeId);

player.playVideo();

Details here