使用Iframe在谷歌chrome上禁用自动播放播放mp4视频
使用Iframe在谷歌chrome上禁用自动播放播放mp4视频
提问于 2015-12-10 14:33:01
我在谷歌浏览器上使用Iframe autoplay="0"遇到了一个问题。
我尝试了每一个帖子和论坛，但都没有效果。
我需要在页面加载后暂停视频。我不能使用<video> </video>标签，因为我需要将信息从单独的库中拉到主视频div中。
我没有找到任何可以工作的JavaScript，autostart="0“，autostart="false”autoplay="0“，autoplay="false”也不能工作。
链接：Aza TV
<script>
$(".video-1, .video-2, .video-3").on("click", function(event) {
event.preventDefault();
$(".video_case iframe").prop("src", $(event.currentTarget).attr("href"));
});
</script>.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;}<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>
回答 2
Stack Overflow用户
发布于 2015-12-10 22:10:45
请注意，您的选择器实际上与您发布的html不匹配。
为了简单起见，尝试将视频添加到您的urls如果这不起作用，试试这个-我给实际的iframe一个ID为iFrame1，并将&autoplay=0标签写入其中
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();
});Stack Overflow用户
发布于 2018-08-09 00:50:48
我已经尝试了所有可能的解决方案，但都不适用于本地视频绑定。我认为最好的解决方案是使用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")。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34195199
复制相关文章
相似问题
腾讯云开发者
