当返回到上一页时音频文件会自动播放

9
我网站上有音频/视频可以在我的作品集区播放。如果我播放其中一个,然后转到前一页,再使用浏览器的下一页按钮返回我的页面,即使我没有点击任何东西,音频也会自动播放。如果我播放视频或音频,点击访问另一页,然后单击浏览器的前一页按钮,将出现完全相同的行为。
我该如何防止这种情况发生?
以下是代码:
<iframe class="ms-slide-video" src="about:blank" allowfullscreen="true" style="width: 100%; height: 100%; display: none;"></iframe>

被转换为:

<iframe class="ms-slide-video" src="/dacontent/video/mp4/2205.mp4?&amp;autoplay=1" allowfullscreen="true" style="width: 100%; height: 100%; display: block; opacity: 1;"></iframe>

当我点击播放时。

但是当出现错误时,iframe的src仍然是“about:blank”。

以下是始终存在的iframe内容:

<html>
<head>
<meta name="viewport" content="width=device-width">
</head>
<body>
<video controls="" autoplay="" name="media">
<source src="http://www.kang.fr/dacontent/video/mp4/2205.mp4?&amp;autoplay=1" type="video/mp4"></video>
</body>
</html>

我尝试删除源代码中的"&autoplay=1",但没有成功。不过我还是找不到如何更改视频的自动播放属性。


2
<audio autoplay="false"></audio> 可能是这样的吗? - pistou
1
谢谢你的回答。我正在使用Masterslider,它会生成iframe,并在其中放置音频标签和视频标签,所以我不知道我是否可以对首先写入的标签做任何处理 :/ - Steve Chamaillard
1
我认为你可能需要展示一些代码,比如你目前拥有的代码。如果没有这些,鉴于你对评论的回复,我们很难帮助你。 - Relequestual
1
我修改了原始帖子,并涉及到更多的代码。 - Steve Chamaillard
我正在查看Masterslider文档。你使用的是jQuery版本还是WordPress版本? - Cassidy
我正在使用jQuery版本。 - Steve Chamaillard
1个回答

8

我已经解决了我的问题。

首先,正如我所说:

但当出现错误时,iframe的src保持为“about:blank”。

这是错误的。我的浏览器检查器对那些iframes进行了明显的欺骗。实际上,src属性填充了视频链接。

因此,我必须清空那些iframes的属性,但是只有在页面完全加载后才能够使用。在此之前,它没有任何用处,因为iframes尚未生成。

以下是最终代码(它特定于Masterslider的幻灯片,但将适用于导致此问题的任何iframe)。

jQuery(window).load(function ($) {
    if (jQuery('iframe.ms-slide-video').length) {
        jQuery('iframe.ms-slide-video').attr('src', '');
    }
});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接