HTML5 Video和audio的使用
html5只支持少量的视频和音频格式;
检查浏览器是否支持Vedio为例; 代码我全部在Google的浏览器上运行的
<script type="text/javascript">
function f(){
if(!!document.createElement('video').canPlayType){
alert("support Video");
}else{
alert("Not support Video");
}
}
</script>
视频:
<!DOCTYPE HTML>
<html>
<head>
<title>视频播放</title>
<script type="text/javascript">
function f(){
if(!!document.createElement('video').canPlayType){
alert("support Video");
}else{
alert("Not support Video");
}
}
</script>
</head>
<body onload="f()">
<video width="320" height="240" controls="controls">
<source src="http://www.zhangxinxu.com/study/media/cat.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</body>
</html> 
Vedio的属性
属性 值 描述 autoplay autoplay 如果出现该属性，则视频在就绪后马上播放。 controls controls 如果出现该属性，则向用户显示控件，比如播放按钮。 height pixels 设置视频播放器的高度。 loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放。 preload preload 如果出现该属性，则视频在页面加载时进行加载，并预备播放。 如果使用 "autoplay"，则忽略该属性。 src url 要播放的视频的 URL。 width pixels 设置视频播放器的宽度。
主流浏览器支持的Vedio的方法和事件
下面列出了大多数浏览器支持的视频方法、属性和事件： 方法 属性 事件 play() currentSrc play pause() currentTime pause load() videoWidth progress canPlayType videoHeight error duration timeupdate ended ended error abort paused empty muted emptied seeking waiting volume loadedmetadata height width 注释：在所有属性中，只有 videoWidth 和 videoHeight 属性是立即可用的。在视频的元数据已加载后，其他属性才可用。
音频: 如果在运行时出现无法播放 一定是路径或者视频格式不支持导致
<!DOCTYPE HTML> <html> <head> <title> 音频播放</title> </head> <body > <audio width="400px" height="600" controls="controls" loop="loop"> <source src="mp.mp3" type="audio/mpeg" /> </audio> </body> </html>
相关推荐
wusiye 2020-10-23
表格的现在还是较为常用的一种标签，但不是用来布局，常见处理、显示表格式数据。在HTML网页中，要想创建表格，就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...
gufudhn 2020-08-09
nercon 2020-08-01
swiftwwj 2020-07-21
nercon 2020-07-16
饮马天涯 2020-07-05
Lophole 2020-06-28
gufudhn 2020-06-12
csstpeixun 2020-06-11
huzijia 2020-06-09
WebVincent 2020-06-06
行吟阁 2020-05-30
qsdnet我想学编程 2020-05-26
gufudhn 2020-05-25
qsdnet我想学编程 2020-05-19
suixinsuoyu 2020-05-15
HSdiana 2020-05-15
PioneerFan 2020-05-15