video视频元素和audio音频元素
web前端培训教程：video视频元素和audio音频元素
video视频元素
以往的视频播放，需要借助Flash插件才可以实现。但Flash插件的不稳定性经常让浏览器导致崩溃，因此很多浏览器或系统厂商开始抛弃它。而取代它的正是HTML5的video元素。
1.嵌入一个WebM视频
解释：
2.附加一些属性
解释：autoplay表示自动开始播放;controls表示显示播放控件;loop表示循环播放;muted表示静音。
3.预加载设置
解释：preload属性有三个值：none表示播放器什么都不加载;metadata表示播放之前只能加载元数据(宽高、第v一帧画面等信息);auto表示请求浏览器尽快下载整个视频。
4.使用预览图
解释：poster属性表示在视频的第v一帧，做一张预览图。
5.兼容多个浏览器
解释：通过元素引入多种格式的视频，让更多的浏览器保持兼容。
audio音频元素
和video元素一样，audio元素用于嵌入音频内容，而音频元素的属性和视频元素类似。音频的支持度和视频类似，使用元素引入多种格式兼容即可。主流的音频格式有：.mp3，.m4a，.ogg，.wav。
1.嵌入一个音频
解释：和嵌入视频一个道理。
2.兼容多个浏览器
解释：略。
PS：更多设计到API的JavaScript控制，将在以后的基于JavaScript基础后讲解。
阅读：
web前端培训教程：HTML5中音频和视频概述
java培训教程：javadom4j解析xml用到的几种方法
厚学推荐学校
网上报名
新闻资讯
更多>>-
Java培训机构你应该知道的五点真相！
2016-08-25
-
学前端开发好找工作？【杭州海文OAEC】
2017-03-03
-
什么是前端？前端工程师是做什么的？
2017-03-04
-
快速入门Web前端行业3.18海文公开课
2017-03-13
-
上海Web前端开发薪资高吗？【上海海文】
2017-03-29
