如何在 iframe 中禁用此视频的自动播放？答案

【问题标题】：How can I disable autoplay on this video in iframe?如何在 iframe 中禁用此视频的自动播放？
【发布时间】：2020-09-24 20:28:49
【问题描述】：

我正在尝试在我的网站上禁用自动播放此视频。这是我正在使用的代码：

<div style="height: 450px;">
<iframe frameborder="0" height="400" marginheight="0" marginwidth="0" scrolling="no" src="//www.elocallink.tv/m/1.7a/pv_prd_ell_pop.php?pid=Q3aN4ww4A2&amp;videocid=N6N7Q7N4p61&amp;ismobile=false&amp;vversion=74&amp;ss=undefined&amp;mid=undefined&amp;forceap=undefined&amp;bpid=w4Qx4QN42" id="popframe" name="popframe" frameborder="0" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" style="height:200%;width:100%"" type="text/html" width="700"></iframe>
</div>

我尝试将我的视频放入视频标签而不是 iFrame 中，但由于某种原因无法与源一起使用。

有没有人给我一个简单的解决方案？

【问题讨论】：

标签： html video iframe

【解决方案1】：

你试过这样的视频标签吗？我读到你尝试了视频标签，但我不知道你是如何使用它的。

<video src="https://vid.hellonetcdn.com/vid/ga/catoosacountychamberofcommerce/biz/gacato_20_auth_iwd_lrg_univ.mp4?e38745c27f40642d5060466095b4f9dc163cc39e4665f99234a90aab77a52f0a02345d798aa33466b24f29cfdee8f07048d9c752f9"></video>

我在 jsbin 上尝试了这段代码，如果你右键单击视频并单击播放，则可以正常工作：https://jsbin.com/vovahogeza/edit?html,output

更新

带有缩略图/海报：

<video poster="https://ichef.bbci.co.uk/news/660/cpsprodpb/150EA/production/_107005268_gettyimages-611696954.jpg" src="https://vid.hellonetcdn.com/vid/ga/catoosacountychamberofcommerce/biz/gacato_20_auth_iwd_lrg_univ.mp4?e38745c27f40642d5060466095b4f9dc163cc39e4665f99234a90aab77a52f0a02345d798aa33466b24f29cfdee8f07048d9c752f9"></video>

【讨论】：

谢谢！我认为这可能会奏效。我想我第一次做错了视频标签。使用您的标签示例，我能够使视频出现而不播放。
关于如何在播放前显示缩略图而不只是黑屏的任何提示？
当然，带有海报属性：jsbin.com/wovukujoxu/edit?html,output 我也更新了答案以显示代码。
太棒了！！！你救了我！非常感谢您的帮助。