Question

我在Google Chrome上遇到Iframe autoplay="0"问题我已经尝试了每个线程和论坛，但没有任何工作。

我需要在页面加载后暂停视频。我无法使用<video> </video>标记，因为我需要从单独的库中提取信息到主视频div。

我还没有发现任何有效的JavaScript和自动启动=＆＃34; 0＆＃34; ，autostart =＆＃34; false＆＃34;自动播放=＆＃34; 0＆＃34; ，autoplay =＆＃34; false＆＃34;也不起作用。

链接：Aza TV

＆＃13;

<script>
$(".video-1, .video-2, .video-3").on("click", function(event) {
  event.preventDefault();
  $(".video_case iframe").prop("src", $(event.currentTarget).attr("href"));
});
</script>

＆＃13;

.video_wrapper { width:67%; padding:10px; box-sizing:border-box; float:left; min-height:50px;border: thin solid #F60; border-radius:5px 5px;}



.nextvideo_wrapper { width:31%; padding:8px; box-sizing:border-box; float:left; min-height:400px;border: thin solid #F60; border-radius:5px 5px;margin-left:10px; background:#333;}

＆＃13;

<div class="video_wrapper">
    <iframe  name="someFrame" id="someFrame" width="100%" height="420" src="http://41.76.210.2/vod/azamusica_VictoriaKimani_webisode22_20151022_HDO.mp4?autoplay=0"  controls ></iframe>
</div>

<div class="nextvideo_wrapper">
<iframe  src="libraries/azamuzika.php" width="100%" height="400px" bg=ffffff&text=000000" frameborder="0"></iframe>
</div>

＆＃13;

Answer 1

请注意您的选择器实际上与您发布的html不匹配。

为了简单起见，请尝试将&autoplay=0添加到您的网址 - 如果这不起作用，请尝试此操作 - 我为实际的iframe提供了iFrame1的ID并将视频标记写入其中

var vid = '<video controls="controls"><source src="__VIDEO__" type="video/mp4" /><!--[if gt IE 6]><object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"><! [endif]--><!--[if !IE]><!--><object width="640" height="375" type="video/quicktime" data="__VIDEO__.mp4"><!--<![endif]--><param name="src" value="__VIDEO__" /><param name="autoplay" value="false" /></object></video>';
$(".video-1, .video-2, .video-3").on("click", function(event) {
  event.preventDefault();
  var ifrm = $('#iFrame1').get(0); // get the DOM object
  ifrm = (ifrm.contentWindow) ? ifrm.contentWindow : (ifrm.contentDocument.document) ? ifrm.contentDocument.document : ifrm.contentDocument;
  ifrm.document.write(vid.replace(/__VIDEO__/g,$(event.currentTarget).attr("href"));
  ifrm.document.close();
});

Answer 2

我尝试了所有可能的解决方案，但是对于本地视频绑定没有任何作用。我相信最好的解决方案是使用jQuery修复。

$(document).ready(function () {
    var ownVideos = $("iframe");
    $.each(ownVideos, function (i, video) {                
        var frameContent = $(video).contents().find('body').html();
        if (frameContent) {
            $(video).contents().find('body').html(frameContent.replace("autoplay", ""));
        }
    });
});

注意：它将在文档中找到所有准备就绪的iframe，并循环浏览每个iframe内容，并替换/删除autoplay属性。该解决方案可以在项目中的任何地方使用。如果您想对特定元素进行操作，请使用$.each函数下的代码，并将$(video)替换为iframe元素ID，例如$("#myIFrameId")。

使用iframe播放mp4视频会在Google Chrome上停用自动播放

2 个答案: