视频
<video src="movie.ogg" controls="controls">
Your browser does not support the video tag.
</viedo>
1、当然你video支持三种视频格式
ogg、MPEG 4、WebM
2、video之间插入的内容是 不支持video元素的浏览器显示的。
3、不同格式的文件使用不同的浏览器。因此为了兼容,video中间可以允许多个source元素。source元素可以连接不同的视频文件。浏览器将使用第一个可识别的格式。
<video width="320" height="240" controls="controls">
<source src="movie.ogg" type="video/ogg">
<source src="movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
标签的属性
autoplay:出现则在视频就绪后马上播放
controls:向用户像是控件,播放暂停等按钮
height:播放器高度
width:播放器宽度
loop:当媒体文件播放完后再次开始播放
preload:视频在页面加载时进行加载,并与被播放,若使用了autoplay则忽略该属性。
使用DOM进行控制
<script>
var myVideo = document.getElementById('video1');
function playPause(){
if(myVideo.paused){
myVideo.play()
}else{
myVideo.pause();
}
}
</script>
上面的为video关于DOM的一些方法属性和操作。
其他
音频
同样支持三种音频格式:Ogg Vorbis、MP3、Wav
<audio src="song.ogg" controls>
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
使用方法和视频相同
标签的属性
autoplay:音频在就绪后马上播放
controls:想用显示控件
loop:音频结束时重新开始
preload:在页面进行加载时加载,并预备播放
src: url
音频用法基本和视频差不多,也有一些相关的DOM操作。