在加载时自动点击youtube播放按钮

时间:2017-10-30 06:27:56

标签: javascript jquery html css

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

'x-auth'

但不适合我。有什么帮助吗?

提前致谢

3 个答案:

答案 0 :(得分: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');
 });

答案 1 :(得分:1)

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

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

iframe加载时尝试此函数调用

答案 2 :(得分:1)

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

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: ''
});

然后在打开灯箱的点击事件中,您可以加载特定视频并将其调用以播放:

player.loadVideoById(youtubeId);

player.playVideo();

Details here