js 停止iframe里的视频音乐播放

问题描述

在做微信h5开发的时候，iframe里面引入了视频网址，当播放视频时，将iframe隐藏后，视频音乐还在播放。

问题经过

• 将iframe的src属性置空，发现无效，音乐还是有。
• 将iframe的src属性改变随意值，减少请求，音乐是没有了。但是会引来另一个问题，就是当点击微信上方的返回时，会返回ifame的历史链接，也就是那个随意值，造成iframe页面404，所以只有上面的将原链接刷新，才能解决问题。

问题解决

当执行隐藏代码时，将iframe引入的视频网址刷新，如下：

var ifr = document.getElementsByTagName('iframe')[0],
    ifrLink = ifr.getAttribute('src');
ifr.setAttribute('src', ifrLink);