Javascript 自动播放YouTube LazyLoad在桌面上嵌入视频？

我在一个页面上有许多YouTube LazyLoad视频，我想在桌面上访问网站时自动启动其中一个视频，但在使用手机访问网站时，我想保留LazyLoad图像，以避免移动访问者访问网站，因为YouTube iframe必须下载一些文件，这些文件可能会降低访问速度显示视频的网站。我已经有了一个脚本，可以在这里加载LazyLoad，但我不知道如何在javascript脚本中添加一个数据类型，以便在桌面上的页面加载中自动加载一个视频，其他YouTube LazyLoad视频应该保持LazyLoad状态，直到你点击它们，在手机上我希望所有视频都保持LazyLoad状态懒散的加载甚至应该在桌面页面加载时自动启动的视频。不要因为一个普通的youtube iframe会在手机上减慢网站的速度，希望有人能帮我

我从这篇文章中得到了原始代码

提前谢谢

奈西

（函数（）{
var youtube=document.querySelectorAll（“.youtube”）；
对于（var i=0；i
html{
背景色：#F3；
字体系列：无衬线；
}
.包装纸{
最大宽度：680px；
保证金：60像素自动；
填充：0 20px；
}
.youtube{
背景色：#000；
边缘底部：30px；
位置：相对位置；
垫面：56.25%；
溢出：隐藏；
光标：指针；
}
.youtube img{
宽度：100%；
前-16.82%；
左：0；
不透明度：0.7；
}
.youtube.播放按钮{
宽度：90px；
高度：60px；
背景色：#333；
盒影：0.30pxRGBA（0,0,0,0.6）；
z指数：1；
不透明度：0.8；
边界半径：6px；
}
.youtube.播放按钮：之前{
内容：“；
边框样式：实心；
边框宽度：15px 0 15px 26.0px；
边框颜色：透明#fff；
}
.youtube img，
.youtube.播放按钮{
光标：指针；
}
.youtube img，
.youtube iframe，
.youtube.播放按钮，
.youtube.播放按钮：之前{
位置：绝对位置；
}
.youtube.播放按钮，
.youtube.播放按钮：之前{
最高：50%；
左：50%；
-webkit转换：translate3d（-50%，-50%，0）；
转换：translate3d（-50%，-50%，0）；
}
.youtube iframe{
身高：100%；
宽度：100%；
排名：0；
左：0；
}

我希望这段视频在桌面上的页面加载时自动启动，在手机上，我希望它像这个演示中那样保持懒散

但我希望其他YT Lazy Load YOUTUBE视频在我单击播放按钮之前保持为Lazy Load

首先声明您的单击事件，然后当您在图像中循环时，您可以测试第一个图像和视口宽度，并在相关情况下触发单击事件，如下所示：

image.addEventListener( "load", function() {
  youtube[ i ].appendChild( image );
  if(i === 0 && window.innerWidth > 740) {
    youtube[ i ].click();
  }
}( i ) );

下面是一个例子（尝试将预览窗格设置为比740px更宽/更窄，并点击run，在窄屏幕上，视频应作为图像加载，在更宽的屏幕上，视频应自动播放）。
谢谢，这太神奇了。顺便问一下，有没有一种方法可以选择我要自动播放的视频，并添加一个额外属性，因为在脚本中，它选择了第一个嵌入的视频，这是很好的，但如果我用数据属性选择一行中的哪个视频，如果可能的话，我想在桌面上自动播放，那就太好了？