页面插入视频播放器（兼容全浏览器）

最新推荐文章于 2024-12-18 17:30:13 发布

weixin_34297704

最新推荐文章于 2024-12-18 17:30:13 发布

阅读量511

点赞数

CC 4.0 BY-SA版权

文章标签： c#

原文链接：http://www.cnblogs.com/NB-JDzhou/p/5437656.html

本文介绍了一个音视频播放器的配置方法，包括不同格式的音视频文件支持及播放器显示设置。通过多种格式的支持确保了跨浏览器的良好兼容性。

1 <video id="helloofitvideo" width="460px" height="280px" controls="controls" preload="auto" controls poster="images/get.jpg"
2 //poster图片表示播放器显示的一开始的页面图片
3     <!--[if !IE]><!-->src="media/Robotica_720.webm"<!--<![endif]-->
4     <source src="mov_bbb.flv" type='video/mp4; codecs="avc1.42E01E,mp4a.40.2"'>
5     <source src="media/Robotica_720.webm"  type="video/webm"/>
6     <source src="media/Robotica_720.ogg" type="video/ogg" />
7     <source src="media/Robotica_720.mp4" type="video/mp4" /><!-- ie浏览器只支持这里的mp4格式 较长的mp4无法显示画面-->
8 </video>