Question

我有这个html5代码，但javascript似乎没有工作......

我想做的是：

页面加载时自动播放音频文件
文件结束后，刷新页面...

似乎无法让这个工作......

<script type="text/javascript">
function playVideo(){
    var video = document.getElementById('video');
    video.play();
    video.addEventListener('ended',function(){
        window.location = 'http://localhost/sampleAudio22.html';
    });
}
</script>

<audio controls id="video" width="770" height="882" onclick="playVideo()">
    <source src="arabic/nancy_ajram-atabtab.mp3" />
</audio>

Answer 1

<audio controls id="video" width="770" height="882" autoplay>
    <source src="arabic/nancy_ajram-atabtab.mp3" />
</audio>

<script type='text/javascript'>
    document.getElementById('video').addEventListener('ended',function(){
        window.location = 'http://localhost/sampleAudio22.html';
    });
</script>

Answer 2

尝试“autoplay”。

<audio controls id="video" width="770" height="882" autoplay>
    <source src="arabic/nancy_ajram-atabtab.mp3" />
</audio>

试试这个。

<script type='text/javascript'>
    document.getElementById('video').addEventListener('ended',myHandler,false);
    function myHandler(e) {
        window.location = 'http://localhost/sampleAudio22.html';
    }
</script>

当html5音频标签结束播放时如何刷新页面

2 个答案: