单击图像后自动播放驱动器嵌入的视频

问题描述

我正在使用这段代码显示顶部带有图像(海报图像)的 Google 云端硬盘视频。点击图片时,它消失了,我需要视频自动播放,但我无法让它工作,我认为这与云端硬盘的工作方式有关。

<div class="boton-video-curso" onclick="this.nextElementSibling.style.display='block'; this.style.display='none'">
    <img src="https://leandroperez.art/wp-content/uploads/2021/01/curso-intro-tl-1-introduccion.jpg" style="cursor:pointer;" width="100%" height="auto">
</div>
<div class="video-wrapper-curso" style="display:none; --aspect-ratio: 16/9;">
    <iframe src="https://drive.google.com/file/d/1cgnNNyKIv82XQXUJPPAbwyCo9XP_-Ump/preview" loading="lazy" allowfullscreen="" width="100%" height="auto"></iframe> 
</div>

我找到了 this answer 并且代码有效,所以我用我自己的云端硬盘视频替换了 iframe 来测试它,但它不会自动播放。

我也尝试将 ?autoplay=1?start=1 添加到 iframe 的末尾,但这也不起作用

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)