javascript - 每隔一段时间在 Chrome 中播放视频时播放声音

Question

在 chrome (7.0.517.44) 中，我使用的是 <video>标签和音频只会每隔一段时间播放视频。

为什么音频不总是与视频一起播放？

在页面中:

<div id="VideoShow">
    <video id="VideoPlay" width=800 height=600></video>
</div>

点击运行该 JS。

function playVideo(videoName) {
    $("#VideoShow").fadeIn(300);
    var Vid = document.getElementsByTagName('video')[0];
    Vid.src = videoName;
    Vid.play();
    Vid.addEventListener('ended', function(e) {
        closeVideo();
    }, false);
}

function closeVideo() {
    var Vid = document.getElementsByTagName('video')[0];
    Vid.removeEventListener('ended', arguments.callee, false);
    Vid.pause();
    $("#VideoShow").fadeOut(300);
}

Answer 1

我对 <audio> 有一个非常相似的问题最近标记。虽然我无法确定实际原因，但我可以通过删除旧的 <audio> 来解决这个问题。来自 DOM 的元素，并在每次调用 play() 之前立即用相同的元素替换它。