x
1
2
<html>3
<head>4
<meta charset="utf-8">5
</head>6
<body>7
8
<button onclick="changeSource()" type="button">改变视频的来源</button>9
<br>10
<video id="video1" controls="controls" autoplay="autoplay">11
<source id="mp4_src" src="/examples/mov_bbb.mp4" type="video/mp4">12
<source id="ogg_src" src="/examples/mov_bbb.ogg" type="video/ogg">13
您的浏览器不支持 HTML5 video 标签。14
</video>15
16
<script>17
myVid = document.getElementById("video1");18
19
function changeSource() {20
isSupp = myVid.canPlayType("video/mp4");21
if (isSupp == "") {22
myVid.src = "/examples/movie.ogg";23
} else {24
myVid.src = "/examples/movie.mp4";25
}26
myVid.load();27
}28
</script>29
30
<p>Video courtesy of <a href="http://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.</p>31
32
</body>33
</html>