多个动态添加的HTML视频不静音

Question

我通过jquery append（HTML字符串）将一堆html视频添加到dom中

我想让它们插入MUTED。

现在的问题是，即使我用柔和的道具注射它们，它们也不会变得柔和。

当我删除视频标记上的静音属性，并尝试$('video').prop("muted",true);之类的内容时，它会将它们静音，但只有在它们全部加载后才会静音。

我是否尝试以其他方式添加视频，或者为html视频找到onLoad方法，并在他们准备就绪时触发静音功能。

追加后他们的样子：http://jsfiddle.net/mvsMG/

Answer 1

尝试onloadeddata HTML5事件处理程序：

$(document).ready(function(e) { //do NOT use $(window).load; it will not mute all videos
   // mute all the videos when data is loaded for each
   $('video').on('loadeddata', function(e) {
       //console.log('onloadeddata', e.target);
       $(this).prop('muted', true);
    }); 
});

以下是 demo fiddle 。

注意：我不知道您正在测试哪个浏览器，但您应该查看此browser-support list HTML5 muted（loop和autoplay）属性。