google中video元素上自定義的按鈕監(jiān)聽(tīng)不到。

<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>
                當(dāng)前瀏覽器不支持 video直接播放，點(diǎn)擊這里下載視頻： <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();
    }
});

黃色是視頻那個(gè)按鈕根本選擇不了 但是在edge 火狐 ie 都能用.