当前位置:首页 > 开发 > Web前端 > Html5 > 正文

验证是否支持html5的Video标签及MP4视频播放

发表于: 2013-01-30   作者:dujunxiaochuan   来源:转载   浏览次数:
摘要: 做了一个wifi热点生活资讯小项目,其中涉及的视频播放,若手机浏览器支持html5并且能播放MP4格式文件则在浏览器播放,若不支持则用手机自带播放器播放,那如何检测呢,这就用到了下边的代码: var test= !!(document.createElement('video').canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2

做了一个wifi热点生活资讯小项目,其中涉及的视频播放,若手机浏览器支持html5并且能播放MP4格式文件则在浏览器播放,若不支持则用手机自带播放器播放,那如何检测呢,这就用到了下边的代码: var test= !!(document.createElement('video').canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"')); if(test){ alert("支持"); }else{ alert("不支持"); } 当然也可以分开检测,检测浏览器是否支持html5视频播放用: var test= !!(document.createElement('video').canPlayType); 检测是否支持mp4文件(也可以换成其他的文件类型,如:OGG格式)用: var test= !!(document.createElement('video').canPlayType('video/mp4; codecs="avc1.42E01E, mp4a.40.2"'));

验证是否支持html5的Video标签及MP4视频播放

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

编辑推荐
webm格式和mp4格式,判断了浏览器能否支持的视频类型后,给了一个if判断,如果是支持mp4格式,就返
Web 上的视频 直到现在,仍然不存在一项旨在网页上显示视频的标准。 今天,大多数视频是通过插件(
video标签--定义视频,比如电影片段或其他视频流。 (一)常用属性: autoplay:如果出现该属性,则
html5网页,用了video标记引入视频,在本地测试一切正常,但把网页传到服务器一会,查看网页,则提
accessible html5 video player 是一款开源的轻量级播放器,采用HTML5视频播放技术,支持字幕显示、
一、video 视频的方法、属性、事件详解 方法:play() 播放 pause() 暂停 属性:currentTime播放到当
一直有个问题,Insus.NET想去解决它,工作繁忙,但抽不出时间来。如何让自己的站点能播放MP4的格式
平时都是做C/S开发,最近需要维护一个协会门户网站。 文章编辑使用CKEditor 3.3.2 + ckfinder 2.0的
HTML5提供有新的video标签,可以不用编程直接播放video,只需要写几行简单的代码,如实现以下效果(
HTML5的Video标签可以说算是HTML5的重头戏,各大浏览器都纷纷响应,现代浏览器都能支持Video标签,
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号