HTML5 播放視訊程式碼
阿新 • • 發佈：2019-01-31
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
</head>
<body>
<video id="demo" src="mov_bbb.mp4" width="300px" height="200px">ni de liulanqi bu zhichi shipin</video><br />
<button type="button" onClick="clic_play_pause()">播放或暫停</button>
<button type="button" onClick="clic_big()">大</button>
<button type="button" onClick="clic_normall()">中</button>
<button type="button" onClick="clic_small()">小</button>
<script>
var myvideo=document.getElementById("demo");
function clic_play_pause()
{
if(myvideo.paused) /*paused檢測視訊播放是否暫停*/
myvideo.play();
else myvideo.pause();
}
function clic_big()
{
myvideo.width=400;
}
function clic_normall()
{
myvideo.width=320;
}
function clic_small()
{
myvideo.width=180;
}
</script>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>無標題文件</title>
</head>
<body>
<video id="demo" src="mov_bbb.mp4" width="300px" height="200px">ni de liulanqi bu zhichi shipin</video><br />
<button type="button" onClick="clic_play_pause()">播放或暫停</button>
<button type="button" onClick="clic_big()">大</button>
<button type="button" onClick="clic_normall()">中</button>
<button type="button" onClick="clic_small()">小</button>
<script>
var myvideo=document.getElementById("demo");
function clic_play_pause()
{
if(myvideo.paused) /*paused檢測視訊播放是否暫停*/
myvideo.play();
else myvideo.pause();
}
function clic_big()
{
myvideo.width=400;
}
function clic_normall()
{
myvideo.width=320;
}
function clic_small()
{
myvideo.width=180;
}
</script>
</body>
</html>