HTML5 <video>标签使用教程
时间:2014-05-11 11:03 来源: 我爱IT技术网 作者:山风
HTML5 中video标签是用来对视频文件播放的，而我们的视频文件大多数格式的都是以flv后缀或者是mp3和MP4结尾的。不过有时候发现在html网页中，一般情况下，MP4或者MP3格式的视频都不能播放。因此，我们巧妙的借助HTML5 的video标签。就可以正常播放MP4的视频了。
代码清单：
- <html>
- <head>
- <title>
- HTML5 video标签
- </title>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- </head>
- <body>
- <video id='video'
- controls preload='none'
- poster="http://media.w3.org/2010/05/sintel/poster.png">
- <source id='mp4'
- src="http://media.w3.org/2010/05/sintel/trailer.mp4"
- type='video/mp4'>
- <source id='webm'
- src="http://media.w3.org/2010/05/sintel/trailer.webm"
- type='video/webm'>
- <source id='ogv'
- src="http://media.w3.org/2010/05/sintel/trailer.ogv"
- type='video/ogg'>
- <p>你的浏览器内核不支持HTML5 标签，请换成火狐或谷歌浏览器尝试！</p>
- </video>
- </html>
注意：在IE浏览器下不支持，可以借助火狐浏览器或谷歌浏览器尝试运行看效果！
- 评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
-