打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
<HTML5秘籍>

背景:在没有HTML5,可以通过两种方式向网页中添加视频。一种过时的方式是使用<embed>元素把视频硬塞进页面中。然后浏览器就可以使用Windows Media Player、Apple QuickTime或其他视频播放器创建一个视频窗口,并把它放在页面中。另一种是使用Flash,使用<object>和<embed>元素编写一大堆乱七八糟的标记,必须适当地编码视频文件。但是,最严重的问题还在于苹果的移动设备iPhone和iPad。它们根本就不支持Flash。

当前,即使现在使用HTML5,恐怕我们还是得准备一个Flash视频作为后备文件,以应付那些落后的浏览器(比如,IE8)


1.使用Flash不用HTML5的理由有:

①有许可限制的内容。HTML5视频文件没有任何版本保护措施。事实上,任何人都可像下载图片一样下载HTML5视频,只要右键单击即可(但现在试了一下慕课网的HTML5视频,是不能下载的啊)。

②录制视频或音频。HTML5不支持从一台电脑到另一台电脑传送音频或视频流。要使用访客机器上的麦克风和摄像头,还得用Flash。

③自适应视频流。

④低延迟、高性能音频

⑤动态创建或编辑音频

因此,HTML5音频和视频还是制定中,高级的东西还是得靠Flash


2.音频

<audio src="rubber.mps" controls></audio>

MIME类型(有时候也叫内容类型)就是一小段信息,表示某种Web资源的内容类型


3.后备措施:讨好每一款浏览器

①使用多种格式      ②用Flash播放器替代

  1. <audio controls>  
  2.   <source src="rubber.mp3" type="audio/mp3">  
  3.   <source src="rubber.ogg" type="audio/ogg">  
  4. </audio>  

  1. <video controls width="700" height="400">  
  2.   <source src="beach.mp4" type="video/mp4">  
  3.   <source src="beach.webm" type="video/webm">  
  4. </video>  


当然上面的都是放上Flash的

就写到这吧,这一章自己还是用不上,就先这样吧,到有用到的时候再看一下

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
HTML 5 代码直接在网页上播放视频兼容所有浏览器
使用HTML5在网页中嵌入音频和视频播放的基本方法
HTML5-音频视频
HTML5
《FFmpeg Basics》中文版-24-网页视频
HTML5——HTML5多媒体标签
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服