视频标签事件监听器

时间:2016-07-27 07:16:34

标签: javascript html

我正在使用视频标签开发视频播放器。 当我有人点击视频时,播放器的内容是什么,如果是播放它就停止播放,如果它没有播放则点击它开始播放

下面是我的代码:

max_element= max(L)
count= L.count(max_element)
print(count)

但它不起作用,任何人都可以知道为什么它不起作用..?

3 个答案:

答案 0 :(得分:0)

Window.onload拼写错误。您可能想尝试一下。

答案 1 :(得分:0)

很难确切地说出错误的位置,但代码中的一些内容肯定会导致问题。您的onload被拼错了。此外,您的video变量在init中分配。您还没有为它声明全局变量,因此可能会导致问题。通过JS中的设计,不以var为前缀的变量将被假设为全局变量,但您永远不应该认为这是真的。始终在您打算使用它们的范围内声明变量。以下可能会成功......

var video = null;

function init(){

    BarLength = 900; //this was misspelled, also I'm not sure what it refers to...
    video = document.getElementById('vid');

    video.addEventListener('click', playOrPause , false);
    alert("hello");

}

function playOrPause(){
    if(!video.paused && !video.ended)
    {
        video.pause();
    } else{
        if(video.paused && !video.ended) {
            video.play();
        } else{
            video.currentTime=0;
            video.play();
        }
      }

 }

window.addEventListener('load', init);

答案 2 :(得分:-1)

<!DOCTYPE html>
<html>
<body>

<button onclick="play()" type="button">Play</button>
<button onclick="pause()" type="button">Pause</button>
<button onclick="stop()" type="button">Stop</button><br>

<video id="vid" width="" height="">
  <source src="/video.mp4" type="video/mp4">
  Error!
</video>

<script>
var vid = document.getElementById("vid");

function play() {
    vid.play();
}

function pause() {
    vid.pause();
}

function stop() {
    vid.src="/video.mp4";
}
</script>
</body>
</html>