码迷,mamicode.com
首页 > Web开发 > 详细

html5视频音频

时间:2017-07-18 11:58:40      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:支持   controls   log   control   ges   使用   style   safari   flash   

学习目标:了解媒体元素在网页上的使用场景,掌握媒体元素的适用方法。

 

如何实现在网页上播放视频和音频?

使用第三方自主开发的播放器 

使用Flash

使用 HTML5媒体元素

 

<video src="视频路径" controls></video>

指定要播放的视频路径  提供播放、暂停合音量的控件

 video

主流浏览器的视频格式支持

IE 9.0+                 支持MPEG4

Firefox                  3.5+Ogg、4.0+WebM

Opera                   10.5+Ogg、10.6+WebM

Chrome                 5.0+Ogg、5.0+MPEG4、6.0+WebM

Safari 3.0+            支持MPEG4

 

网页播放器代码

 技术分享

<audio src="视频路径" controls></audio> 

指定要播放的音频路径  提供播放、暂停合音量的控件 

audio

主流浏览器的音频格式支持

IE 9.0+                 支持MP3

Firefox                  3.5+Ogg、4.0+WAV

Opera                   10.5+Ogg、10.6+WAV

Chrome                 3.0+Ogg、3.0+MP3

Safari 3.0+            3.0+MP3、WAV

 

网页音频器代码

技术分享

 

html5视频音频

标签:支持   controls   log   control   ges   使用   style   safari   flash   

原文地址:http://www.cnblogs.com/zhangisqiang/p/7198980.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!