《HTML5的视频播放控制技术》 介绍了HTML5的video元素和常用属性,以及视频播放控制技术,如播放、暂停、音量、全屏、回放功能的实现。不会的童鞋可以学习。
本文主要介绍在HTML5 中如何嵌入音频,视频?
在HTML5 中如何嵌入音频?
HTML5 支持 MP3、Wav 和 Ogg 格式的音频,代码示例:
<audio controls> <source src="125.mp3" type="audio/mpeg"> Your browser does’nt support audio embedding feature. </audio>
HTML5 中如何嵌入视频?
和音频类似,HTML5 支持 MP4、WebM 和 Ogg 格式的视频:
<video width="560" height="450" controls> <source src="xin126.mp4" type="video/mp4"> Your browser does’nt support video embedding feature. </video>
HTML5 对于多媒体提供了强有力的支持,除了 audio 和 video 标签外,还支持以下标签:
<embed> 标签定义嵌入的内容,比如插件。
<embed type="video/quicktime" src="Fishing.mov">
<source> 对于定义多个数据源很有用。
<video width="580" height="460" controls> <source src="xin126.mp4" type="video/mp4"> <source src="xin126.ogg" type="video/ogg"> </video>
<track> 标签为诸如 video 元素之类的媒介规定外部文本轨道。 用于规定字幕文件或其他包含文本的文件,当媒介播放时,这些文件是可见的。
<video width="450" height="340" controls> <source src="xin126.mp4" type="video/mp4"> <source src="xin126.ogg" type="video/ogg"> <track kind="subtitles" label="English" src="xin126_en.vtt" srclang="en" default></track> <track kind="subtitles" label="Arabic" src="xin126_ar.vtt" srclang="ar"></track> </video>
最后分享一款优秀HTML5视频播放器:Sewise Player 提供点播和直播功能演示以及组件下载。
Sewise Player是一款专业的免费网页HTML5视频、流播放器,它功能强大,体积小,跨平台,兼容性好,使用方便简洁。
125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4358.html