关于html5中代码顺序的问题

来源：互联网发布：朝鲜族和韩国人知乎编辑：程序博客网时间：2024/06/07 09:12

下面那段代码如果把黄色部分放在head里面是会有问题的，就是video一直是null

<!DOCTYPE html><html xmlns="http://www.w3.org/1999/html"><head>    <meta charset="UTF-8"></meta></head><body> <video id="video1" src="testVideo.mp4"> </video></br><button onclick="play()">播放</button><button onclick="pause()">暂停</button></body><script>    var  video = document.getElementById("video1");    function init()    {        video.addEventListener("ended",function()        {            alert("播放结束.");        },true);        video.addEventListener("error",function(){            switch(video.error.code)            {                case MediaError.MEDIA_ERR_ABORTED:                    alert("视频的下载过程被中止");                    break;                case MediaError.MEDIA_ERR_NETWORK:                    alert("网络发生故障");                    break;                case MediaError.MEDIA_ERR_DECODE:                    alert("解码失败");                    break;                case MediaError.MEDIA_ERR_SRC_NOT_SUPPORTED:                    alert("不支持的视频格式");                    break;                default:                    alert("发生未知错误");            }        },false);    }    function play()    {        video.play();    }    function  pause()    {        video.pause();    }</script></html>

阅读全文

0 0