视频属性规范:
HTML5 视频标签可以有许多属性来控制控件的外观和各种功能:
- src 此属性是可选的,要嵌入的视频的 URL;您可以改为使用视频块中的 <source> 元素来指定要嵌入的视频
- autoplay 如果指定了这个布尔属性,视频将自动开始播放,而不会停止加载数据。
- autobuffer 如果指定了这个布尔属性,视频将自动开始缓冲,即使它没有设置为自动播放。
- loop 如果指定此布尔属性,它将允许视频在到达结尾后自动回溯到开头。
- controls 如果存在此属性,它将允许用户控制视频播放,包括音量、搜索和暂停/恢复播放。
- preload 此属性指定视频将在页面加载时加载并准备运行。如果存在自动播放,则忽略。
- poster 此属性是在用户播放或者搜索之前要显示的图像的 URL。
- width 此属性指定视频显示区域的宽度,以 CSS 像素为单位。
- height 此属性指定视频显示区域的高度,以 CSS 像素为单位。
HTML5视频标签
- <Video>定义视频或者电影。
- <source>为媒体元素定义多个媒体资源,例如<video>和<audio>。
- <track>在媒体播放器中定义文本曲目。
我们可以使用<源>标记来指定媒体以及媒体类型和许多其他属性。
视频元素允许多个源元素和浏览器将使用第一个识别的格式:
<!DOCTYPE HTML> <html> <body> <video width="300" height="200" controls autoplay> <source src="sample.mp4" type="video/mp4"> <source src="sample.ogv" type="video/ogg"> <source src="sample.webm" type="video/webm"> Brower does not support video element </video> </body> </html>
在HTML5中使用视频
最常用的视频格式是:
- MPEG4:带有H.264视频编解码器和AAC音频编解码器的MPEG4文件
- OGG:具有Thedora视频编解码器和Vorbis音频编解码器的OGG文件。
日期:2020-04-11 23:04:04 来源:oir作者:oir