HTML5学习记录——3

HTML媒体

1、HTML多媒体

　　视频格式

　　.avi    微软开发

　　.wmv  微软开发

　　.mpg  .mpeg 

　　.mov 苹果公司开发

　　.rm  .ram  允许低带宽的视频流

　　.swf  .flv   Macromedia开发，需要额外组件

　　.mp4   针对因特网的新格式

　　

　　声音格式

　　.mid   .midi

　　.rm    .ram

　　.wav

　　.wma

　　.mp3    .mpga

2 、HTML Object元素

　　辅助应用程序是可有浏览器启动的程序，也称为插件。可用于播放音频和视频。使用<object>标签来加载。

3、HTML音频

　　<embed>

　　<object>

　　<audio>

4、HTML视频

　　HTML视频播放问题：浏览器种类多，硬件设备多。

　　使用<embed>标签  <embed src="movie.swf" height="200" width=“200” />

 　　　　存在问题：HTML4无法识别<embed>

　　　　　　　　　 浏览器和设备需要支持flash

　　使用<object>标签  <object data="movie.swf" height="200" width="200"/>

　　　　 存在问题:浏览器和设备需要支持flash

　　使用<video>标签 

　　　　vedio width height controls

　　　　source src  type="vedio/mp4

　　　　 存在问题：vedio必须把视频转换为很多格式

　　　　　　　　　<video>元素在老式浏览器中无效

　　　　　　　　　<vedio>元素无法通过HTML4和XHTML验证

　　***最有效的解决办法

　　　　HTML5+<object>+<embed>

　　　　<video width="320" height="240" controls="controls">
  　　　　<source src="movie.mp4" type="video/mp4" />
  　　　　<source src="movie.ogg" type="video/ogg" />
  　　　　<source src="movie.webm" type="video/webm" />
  　　　　<object data="movie.mp4" width="320" height="240">
    　　　　<embed src="movie.swf" width="320" height="240" />
  　　　　</object>
　　　　</video>

　　　　问题：<vedio>和<embed>元素无法通过HTML5和XHTML验证

           解决：使用<!DOCTYPE html>解决验证问题

　　　　 

posted @ 2015-08-27 22:16  hb91  阅读(245)  评论(0)  编辑  收藏  举报