《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
微信扫一扫 
支付宝扫一扫