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>
相关推荐
浏览器HTML5标签video和audio支持 包含其相应支持的格式
HTML5 AudioVideo 标签,属性,方法,事件
CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件 1:把video文件复制到ckeditor/plugins/下面 2:ckeditor/config.js 中添加如下: a:在toolbar中['Image','Flash','Video'],配置加入“Video” 项。 b:配置 ...
HTML5新增加的audio和video标签让我们增加了很多惊喜,可以让我们更方便的在网页中播放音频和视频。但目前很多浏览器不支持,无法在旧版的IE浏览器中使用。html5media.min.js却是一个能让这两个标签在各种新旧版IE...
If you embed audio or video in your website, you should use HTML5.
A jQuery plugin, jPlayer allows you to rapidly weave cross platform audio and video into your web pages. jPlayer's comprehensive API allows you to create innovative media solutions while support and ...
易于使用和所有功能于一身的视频和音频转换器 支持高达320种以上输入的视频和音频格式 支持高达70种以上的输出格式 支持高达360种以上解码编解码器 最多支持150种以上的编码解码器 改变视频和音频文件格式 重采样...
在得到用户允许后我们还是可以播放本地文件的,在页面中插入一个input节点并指定type为file,然后把该url设置为audio或video的src值即可
html5入门代码大全(源码) 包含audio、video、canvas 、communication、forms、geolocation、intro、offline、storage、websocket、workers
audio_video_marquee_05.html
NULL 博文链接:https://trylovecatch.iteye.com/blog/738931
同时为其他浏览要素提供了新的功能,通过一个标准接口,如<audio>和<video>标记。[3] 一些过时的HTML 4标记将取消,其中包括纯粹用作显示效果的标记,如和,因为它们已经被CSS取代。还有一些透过DOM的网络行为。
利用jq简单控制h5视频播放进度条,让使用者不能快进,可以后退。原理是每500毫秒记录一次进度条时间,如果下一个500毫秒的进度减去上一个500毫秒的进度大于1秒,那么就让视频返回到上一个进度,因项目开发中对于视频...
html5作为下一代web标准,年前轩起了html5热潮;html5声频audio和视频video一直被网友们所关注,本人也是好奇于是搜集整理一些相关的东东,需要了解的朋友可以参考下
简单的html5 audio和video标签的用法,还不错哦,供小白参考
Beginning HTML5 Media, Second Edition is a comprehensive introduction to HTML5 video and audio. The HTML5 video standard enables browsers to support audio and video elements natively. This makes it ...
H5Mediahtml5音频audio和视频video封装组件使用方法及接口说明/* * 实例化一个Media对象,有两种方式 */var media=new H5Media({src:'',type:'video'}); //其一,指定媒体文件的地址、类型等var media=new H5Media...
html5开发
videojs播放rtmp流,测试代码,需要部署到服务器上(包括但不限于tomcat,iis),路径为test/tes2.html。videojs播放rtmp流,测试代码,需要部署到服务器上(包括但不限于tomcat,iis),路径为test/tes2.html。videojs...