google中video元素上自定义的按钮监听不到。

发布于
2018-06-07

新手上路，请多包涵

<div class="video_wrapper" style="height: 900px; width: 1200px;">
            <div class="control"><button title="Play">►</button></div><video id="movie">
                <source src="myvideo.mp4" type="video/mp4">
                <source src="myvideo.ogv" type="video/ogg">
                <source src="myvideo.webm" type="video/webm">
                <object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
                    <param name="movie" value="myvideo.swf">
                    <param name="flashvars" value="autostart=true&amp;file=myvideo.swf">
                </object>
                当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
            </video>
        </div>

play.addEventListener('click',function () {

    alert(123);
    if (vid.ended) {
        vid.currentTime = 0;
        
    }
    if (vid.paused) {
        vid.play();
    }else{
        vid.pause();
    }
});