Question

我正在使用http://mediaelementjs.com加载我正在处理的项目的音频和视频。它在新的浏览器上完美运行。

我需要的主要功能（除了跨浏览器音频/视频支持）是音频剪辑完成时的结束回调。

IE7 / 8中的所有内容都会加载，但音频会自动加倍（翻转/翻转）。这是一种令人毛骨悚然的效果。

我正在加载它：

function play1(){
    var audioPlayer = MediaElement('player1', {
          success: function (media) {
              media.play();
              media.addEventListener('ended', function (e) {
                  setTimeout(function(){
                              play2();
                  }, 2000);
              }, false);
          };
    });
};

下一个音频片段play2（）加载结束，其设置与上面的功能非常相似。出于某种原因，在IE7 / 8中它连续加载音频。

我虽然也许我可以让audioPlayer成为一个全局变量，但它每次都会覆盖音频，但这不起作用。

Answer 1

使用此版本的功能 play1 mediaelement.js成功加载：

function play1(){
    var audioPlayer = MediaElementPlayer('#player1', {
          success: function (media) {
              media.play();
              media.addEventListener('ended', function (e) {
                  setTimeout(function(){
                              play2();
                  }, 2000);
              }, false);
          }
    });
}

您在文档的head部分中插入了mediaelement.js库的哪些js和css？尝试在结束的事件侦听器的开头添加以下行，以强制暂停第一个音频：

media.pause();

如果这不起作用，请尝试销毁第一个音频对象或HTML容器，前提是您不需要它以供将来参考。这可能看起来有点矫枉过正。

mediaelement.js音频在IE7 / 8中翻倍

1 个答案: