案列1
向网页中插入视频
1.加入一个vidio标签,设置宽高
2.设置src路径,从本地加载视频到网页中
3.autoplay视频自动播放
4.controls显示视频控件
5.loop视频结束后循环播放
6.也可以通过后面的button按钮设置暂停,继续
<body>
<video src="video/iceage4.mp4" width="500" height="300" id="movie"
autoplay="autoplay" controls="controls" loop="loop">
</video>
<button onclick="pause1()" id="paused">暂停</button>
<script type="text/javascript">
var i=1;
function pause1(){
var movie=document.getElementById("movie");
var paused=document.getElementById("paused")
if(i==1){
movie.pause();
paused.innerHTML="继续";
i=0;
}else{
movie.play();
paused.innerHTML="暂停";
i=1;
}
}
</script>
</body>
案例2
网页中插入音频
1.加入一个audio标签,设置宽高
2.设置src路径,从本地加载视频到网页中
3.autoplay视频自动播放
4.controls显示视频控件
5.loop视频结束后循环播放
<body>
<audio src="video/song.mp3" controls="controls" autoplay="autoplay" loop="loop" id="music"></audio>
<body>
<button onclick="pause1()" id="paused">暂停</button>
<script type="text/javascript">
var i=1;
function pause1(){
var music=document.getElementById("music");
var paused=document.getElementById("paused")
if(i==1){
music.pause();
paused.innerHTML="继续";
i=0;
}else{
music.play();
paused.innerHTML="暂停";
i=1;
}
}
</script>
</body>