网站常见问题

如何像插入图片一样简单的插入音频、视频媒体?

来源: 烟台网站建设 作者: 八度网络 发布日期:2014-07-16 阅读次数:
大家都知道在HTML 4.01 网页中添加视频或音频媒体很麻烦。但是在HTML5 中添加多媒体和添加图片是相似的,只需要一个<video></video>标签或者<audio></audio>标签就能解决,再也不需要引入一大堆的代码,而且还支持在标签中追加很多的附加属性,例如:
1、单纯的引入视频:
<video src=”Video.mp4″ ></video>
2、设定宽高:
<video src=”Video.mp4″ width=”500″ height=”400″></video>
3、利用controls属性显示默认的播放控制栏:
<video src=”Video.mp4″ width=”500″ height=”400″ controls ></video>
4、利用autoplay属性自动播放视频:
<video src=”Video.mp4″ width=”500″ height=”400″ controls autoplay></video>
5、利用preload属性控制媒体预加载:
<video src=”Video.mp4″ width=”500″ height=”400″ controls autoplay preload=”auto” ></video>
6、利用loop属性重复播放视频:
<video src=”Video.mp4″ width=”500″ height=”400″ controls autoplay preload=”auto” loop></video>
7、利用poster属性定义视频缩略图:
<video src=”Video.mp4″ width=”500″ height=”400″ controls autoplay preload=”auto” loop poster=”Video.jpg”></video>
是不是很简单了呢?
(责任编辑:八度网络)