您的位置：首页 > Web前端 > HTML5

HTML5学习记录——3

2015-08-27 22:16 183 查看

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>解决验证问题

　　　　

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航