HTML5视频的使用总结

HTML5新增了video视频标签，目前主流浏览器对video支持良好。

遇到的问题：视频格式不支持或MIME类型不支持

经实践发现各大主流浏览器都支持mp4格式，但是最好讲MP4设置为H.264 编码格式，这个可以通过格式工厂等视频处理软件实现。

MIME类型是IIS服务器的属性，打开IIS服务器选择网站目录，双击MIME类型，点击添加，扩展名：.mp4，MIME类型：video/mp4

controls="controls" 视频控制器

poster='/Template/xpshop_currents/Images/lun1111.jpg' 播放前图片

preload='none' 不预先加载（省流量、减少服务器负担）

Video.οnpause=function(){
　　$('#Vimg1').css('display','block');
}; 暂停时事件
Video.οnplay=function(){
　　$('#Vimg').css('display','none');
　　$('#Vimg1').css('display','none');
　　$('#P1video').css('display','none');
}; 播放时事件
$('#Vimg').click(function(){
　　$('#Vimg').css('display','none');
　　Video.play(); //开始播放
})

//播放进度初始化

Video.currentTime=0;

如何兼容IE8？

引入html5media.min.js

引入地址： <script src="http://api.html5media.info/1.1.8/html5media.min.js"></script>

github：https://github.com/etianen/html5media/wiki

转载于:https://www.cnblogs.com/webwangjie/p/7403037.html

HTML5视频的使用总结相关推荐

html页面视频标签,html5基础标签(html5视频标签 html5新标签用法)
点评:html5基础,包括html5视频标签和html5新标签等标签用法,大家参考使用吧 1. 声明的变化 2. 指定字符编码的变化,html5中建议使用utf-8 3. Html5中允许没有 ...
html 关闭js控件,javascript – 用JS关闭html5视频控件
我有一个问题, html5视频控件捕获在iOS上发生的任何动作,这干扰了我需要在视频上显示的模态窗口. 我正在尝试自定义模态本身,但似乎无法使其工作.基本上,当模态打开时,我需要做: var vide ...
站长之家html视频播放,HTML5视频发展状况
5.自适应流自适应流是在线视频的一个核心组成部分.它能够实现:缓冲控制,流内质量调整,live/dvr以及密码和DRM安全机制.自适应流并不属于 HTML5标准,但是浏览器可以通过从HTML5的&l ...
会声会影转换成html,HTML5视频制作会声会影就能做？
原标题:HTML5视频制作会声会影就能做? 大家都知道图片比文字更具吸引力,而视频又比图片更具说服力,因此视频是网站内容当中必不可少的构成部分.而HTML5网页视频制作用会声会影就能很快速的搞定.具体 ...
Windows 2008 R2 中 IE9无法播放HTML5视频文件的解决方法!
这几天搞THML,同事的机器装的是Windows 2008 R2.发现他的IE9无法播放HTML5视频解决方法:打上这个补丁即可: KB2483177. 转载于:https://www.cnblog ...
支持在iPad中播放的HTML5视频网站推荐
YouTube是最早支持HTML5视频的网站,随着iPad等平板电脑的流行,越来越多的视频网站开始支持HTML5视频播放.下面就向大家分享一些国内的HTML5视频网站,是根据网上信息整理而成,欢迎大家 ...
html5设置视频显示第一帧,如何检测HTML5视频何时播放第一帧？
还有另一种方法可以使用currentTime并为视频更改的每个时间定义一个函数.在HTML5视频元素顶部设置div,并在currentTime在3到4秒之间时修改该元素. 示例代码应该是这样的: HT ...
html5 视频路径加密,HTML5视频路径混淆
这是一个奇怪的,与我一起裸露.HTML5视频路径混淆我一直在玩Video.js,并遇到了提供的示例问题. 使用html5视频元素指定MP4(h264)视频时,会出现一些混淆. 当我使用(绝对值): ...
html5点击视频跳转,javascript – 播放后重定向html5视频
我有一个html 5视频,我删除了控制按钮并添加了一个js代码,以便用户在点击视频时播放视频.我需要做的是绑定一个额外的脚本,在播放视频后重定向页面而不重新加载页面.下面是我的js代码. functi ...
浏览器html5视频抓取,检测浏览器是否支持html5视频的代码
复制代码代码如下: 函数checkVideo(){if(!!document.createElement('video').canPlayType){varvidTest=document.crea ...

HTML5视频的使用总结

HTML5视频的使用总结相关推荐

最新文章

热门文章