HTML5的<video>
元素不需要借助flash插件就可以实现视频播放,有以下常用属性。
视频的URL为src,视频的宽度width,视频的高度height,autoplay设置后表示立刻开始播放视频,preload设置后表示预先载入视频,controls设置后表示显示播放控件,loop设置后表示反复播放视频,muted设置后表示视频处于静音状态,poster指定视频数据载入时显示的图片。
其中的preload属性有三个值:none表示什么都不加载,metadata表示只能加载元数据(宽高、第一帧视频等信息),auto表示请求浏览器尽快下载整个视频。
用来嵌入音频内容,属性只有src,autoplay,preload,controls。用法都一样。
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<title>音频和视频</title>
<meta charset="utf-8">
</head>
<body>
<!-- <video src="test.mp4" width="800" height="600" controls loop poster="tx.jpg" preload="auto"></video> -->
<video width="800" height="600" controls loop poster="tx.jpg" preload="auto">
<source src="test.webm">
<source src="test.mp4">
<source src="test.ogg">
<object>实现flash插件的播放,如果屏蔽IE9以下,则不需要</object>
</video>
<audio controls>
<source src="test.mp3">
<source src="test.m4a">
<source src="test.wav">
</audio>
</body>
</html>