HTML5视频(video)
video标签概述:
1.src-----------规定要播放视频的URL地址
2.poster--------视频加载时显示的图像或者点击播放按钮前显示的图像
3.preload-------定义视频是否预加载
属性有3个可选择的值<1.>none<2.>metadata<3.>auto
默认为:auto
●none :当页面加载后不载入视频;
●metadata : 当页面加载后只载入元数据
●auto : 当页面加载后再入整个视频
4.autoplay属性---------设置视频是否自动播放
用法:< video src=“xxxx.mp4” autoplay=“autoplay” > < /video>
5.controls属性:-----向用户显示控件,控制栏包括暂停控制,播放进度控制,音量控制等。
6.width,height-----------设置播放器的宽度和高度
注:
如果想要链接不同的视频文件可以用(source元素)
示例:
<video> autoplay>
<source src="xxxx.mp4" type="video/mp4">
<source src="xxxx.wav" type="video/webm">
<source src="xxxx.ogg" type="video/ogg">
<video>
src-------用于指定地址
type-------说明媒体的类型
media——用于说明媒体在何种媒介中使用,默认为all
HTML5音频(audio)
audio和video元素非常类似在这里不做过多的赘述。
注:
1.audio标记中如果不包含controls属性,audio播放器不会出现在页面上
2.audio元素的play()方法可以实现打开网页自动播放并且不显示界面。
后面可能会有补充。