【问题标题】: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 我也更新了答案以显示代码。
    • 太棒了!!!你救了我!非常感谢您的帮助。
    猜你喜欢
    • 2018-08-21
    • 2015-11-04
    • 2015-04-11
    • 2015-09-20
    • 2015-10-31
    • 2013-11-08
    • 1970-01-01
    • 2011-11-09
    • 2013-09-25
    相关资源
    最近更新 更多