我想在移动设备的页面加载时自动点击 youtube 播放按钮。我正在使用 iframe 显示 youtube 视频。它在桌面上自动播放，但在移动设备上显示播放按钮。 我正在使用这个
<script type="text/javascript">
$(function() {
$('.ytp-large-play-button').click();
});
</script>
但不适合我。有什么帮助吗？
提前致谢
【问题讨论】：
?autoplay=1？
标签： javascript jquery html css
你可以像这样使用 iframe onload 事件
<iframe src="http://..." onload='playVideo();'>
<script type="text/javascript">
function playVideo(){
$('.ytp-large-play-button').click();
}
</script>
在加载 iframe 时试试这个函数调用
【讨论】：
如果您使用的是 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');
});
【讨论】：
视频可以在桌面上自动播放，但为什么页面加载时不能让它们在移动网站上自动播放？答案是不同的操作系统开发人员故意禁用移动设备上的自动播放以保护用户的带宽。许多数据提供商根据消耗的数据量收费，因此操作系统开发人员认为在页面加载时不让视频自动开始播放符合用户的最大利益，这样就不会开始收取数据费用。相反，移动网络视频需要用户单击它们才能开始播放。
我不确定你是否可以在 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();
【讨论】：