0

我无法让该onended功能与我的 HTML 视频一起使用。它不一定是onended,但基本上我希望视频结束时发生一系列事情。

代码如下:

<script language="JavaScript" type="text/javascript">
window.onload = playVideo;
function playVideo() 
{
    var video = document.getElementById("video");
    var message = document.getElementById("videoinfo");
    var button = document.getElementById("playpause");
    button.onclick = function()
    {
        if (video.paused)
        {
            video.play();
            button.innerHTML = "Pause";
            message.value = "The video is playing, click the Pause button to pause the video.";
        }
        else
        {
            video.pause();
            button.inerHTML = "Play";
            message.value = "The video is paused, click the Play button to play the video.";
        }
        video.onended = function(e)
        {
            button.innerHTML = "Play";
            message.value = "The video has ended, click Play to restart the video."
        }    
    }
}
</script>

<button type="button" id="playpause" onclick="playVideo()">Play</button> 
<br> 
<video id="video" width="320" height="240">
    <source src="Video/movie.mp4" type="video/mp4">
    <source src="Video/movie.ogg" type="video/ogg">
    Your browser does not support HTML5 video.
</video>
<br />
<textarea id="videoinfo" cols="90">
Click the Play button to start the video.
</textarea>

谢谢您的帮助

编辑:我不能以 10 或更少的声誉发布自己的答案 8 小时,所以我必须编辑:

在尝试了 2 天后,我在此处发布了一个问题,以便弄清楚。不到 10 分钟后,我设法让它工作。

onEnded在标签中使用了一个函数<video>并将其链接到一个名为videoEnded().

见下文:

<script language="JavaScript" type="text/javascript">
function playVideo() 
{
    var video = document.getElementById("video");
    var message = document.getElementById("videoinfo");
    var button = document.getElementById("playpause");
    button.onclick = function()
    {
        if (video.paused)
        {
        video.play();
        button.innerHTML = "Pause";
        message.value = "The video is playing, click the Pause button to pause the video.";
        }
        else
        {
            video.pause();
            button.inerHTML = "Play";
            message.value = "The video is paused, click the Play button to play the video.";
        }
    }
}
function videoEnded()
{
    var message = document.getElementById("videoinfo");
    var button = document.getElementById("playpause");
    button.innerHTML = "Play";
    message.value = "The video has ended, click Play to restart the video.";
}
</script>

希望这可以帮助别人。我已经搜索了几天寻找答案,但没有任何效果。

谢谢

4

1 回答 1

0
if(Video.ended)

 // Code when video ends.

编辑:很抱歉没有给出任何其他解释,但是,您是否尝试过使用 .addEventListener 方法?您在哪个浏览器中开发/调试?

于 2013-06-04T01:19:04.530 回答