Html 在google chrome上使用Iframe禁用自动播放播放mp4视频

我对Google Chrome上的Iframe autoplay=“0”有问题。
我已经尝试了每一个线程和论坛，但没有任何效果

我需要视频暂停，一旦页面加载。我不能使用

标记，因为我需要信息从单独的库拉入主视频div

我还没有找到任何可以工作的JavaScript，autostart=“0”、autostart=“false”autoplay=“0”、autoplay=“false”也不工作

链接：

$（“.video-1、.video-2、.video-3”）。单击（“单击”，函数（事件）{
event.preventDefault（）；
$（.video_case iframe”）.prop（“src”，$（event.currentTarget.attr（“href”）；
});

.video_包装{宽度：67%；填充：10px；框大小：边框框；浮动：左侧；最小高度：50px；边框：细实心#F60；边框半径：5px 5px；}
.nextvideo_包装{宽度：31%；填充：8px；框大小：边框框；浮动：左；最小高度：400px；边框：细实心#F60；边框半径：5px 5px；左边距：10px；背景：#333；}

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

为了保持简单，请尝试将
&autoplay=0
添加到URL中-如果不起作用，请尝试此操作-我为实际的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();
});

var vid=''；
$（“.video-1、.video-2、.video-3”）。单击（“单击”，函数（事件）{
event.preventDefault（）；
var ifrm=$（'#iFrame1'）.get（0）；//获取DOM对象
ifrm=（ifrm.contentWindow）？ifrm.contentWindow：（ifrm.contentDocument.document）？ifrm.contentDocument.document:ifrm.contentDocument；
ifrm.document.write（vid.replace（/\uuuu VIDEO\uuuu/g，$（event.currentTarget.attr（“href”））；
ifrm.document.close（）；
});
请注意，您的选择器实际上与您发布的html不匹配

为了保持简单，请尝试将
&autoplay=0
添加到URL中-如果不起作用，请尝试此操作-我为实际的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();
});

var vid=''；
$（“.video-1、.video-2、.video-3”）。单击（“单击”，函数（事件）{
event.preventDefault（）；
var ifrm=$（'#iFrame1'）.get（0）；//获取DOM对象
ifrm=（ifrm.contentWindow）？ifrm.contentWindow：（ifrm.contentDocument.document）？ifrm.contentDocument.document:ifrm.contentDocument；
ifrm.document.write（vid.replace（/\uuuu VIDEO\uuuu/g，$（event.currentTarget.attr（“href”））；
ifrm.document.close（）；
});
我已经尝试了所有可能的解决方案，但对本地视频绑定没有任何效果。我相信最好的解决方案是使用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
属性。此解决方案可以在项目中的任何位置使用。如果您想对特定元素执行此操作，请使用
$下的代码。每个
函数都可以替换
$（视频）
使用iframe元素id，如
$（“#myIFrameId”）
我尝试了所有可能的解决方案，但对本地视频绑定无效。我相信最好的解决方案是使用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
属性。此解决方案可以在项目中的任何位置使用。如果您想对特定元素执行此操作，请使用
$下的代码。每个
函数都可以替换
$（视频）
使用iframe元素id，如
$（“#myIFrameId”）
使用“我不能使用标记”不计算。显示您拥有的实际数据，让我们看看您是否可以使用标记。例如，通过document.writing将其写入iframe或使用document.createElement。还有AZA页面的链接或某个页面的示例是否满足您的需要？嗨，谢谢您回复我。我确实意识到我可以使用标记，但我正在尝试我使用了视频标签和视频自动启动，这很好，但是我的库中的视频是在另一个标签而不是框架中打开的。对于这类东西，我也非常渴望。上面提供了指向网站的链接，但这里又是，所以你可以了解我想做什么实现。@mplungjan OP的“我不能使用标签”是由于在帖子中使用了未替换的HMTL造成的。我编辑并添加了背景标记以使事情更清楚。@lister ah先生-我没有怀疑，因为有很多其他标签发布了。无论如何，我的评论仍然有效。他仍然可以使用视频标签“我不能使用标签”不计算。显示您拥有的实际数据，让我们看看您是否可以使用标记。例如，通过document.writing将其写入iframe或使用document.createElement。还有AZA页面的链接或某个页面的示例是否满足您的需要？嗨，谢谢您回复我。我确实意识到我可以使用标记，但我正在尝试我使用了视频标签和视频自动启动，这很好，但是我的库中的视频是在另一个标签而不是框架中打开的。对于这类东西，我也非常渴望。上面提供了指向网站的链接，但这里又是，所以你可以了解我想做什么实现。@mplungjan OP的“我不能使用标签”是由于在帖子中使用了未替换的HMTL造成的。我编辑并添加了反勾号以使事情更清楚。@lister ah先生-我没有怀疑，因为有很多其他标签发布了。好吧。无论如何，我的评论仍然有效。他仍然可以使用视频标签