`
dujunxiaochuan
  • 浏览: 34136 次
  • 性别: Icon_minigender_1
  • 来自: 北京
最近访客 更多访客>>
社区版块
存档分类
最新评论

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

阅读更多

做了一个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"'));

0
0
分享到:
评论

相关推荐

    CKEditor 添加Video插件(MP4)并且兼容HTML5 Video插件,完美运行

    3. **MP4支持**:HTML5 Video标签支持多种视频格式,包括MP4、WebM和Ogg。由于MP4在大多数浏览器中都有良好的兼容性,我们将主要关注这一格式。在CKEditor中插入视频时,需要确保视频文件是MP4格式。同时,你需要在...

    html5播放ogg、mp4、webm小视频.rar

    为了在HTML5中播放这些视频,可以使用`<video>`标签。下面是一段已测试过的示例代码: ```html <video width="320" height="240" controls> <source src="video.ogg" type="video/ogg"> <source src="video.mp4" ...

    video标签使用的网络视频流测试播放工具.zip

    本压缩包文件“video标签使用的网络视频流测试播放工具.zip”提供了一个用于测试HTML5`<video>`标签所播放的视频流有效性的工具,特别适用于开发者和网站管理员进行视频资源的验证。 核心知识点: 1. **HTML5 `...

    Cefsharp支持播放mp4可用

    CefSharp通过集成CEF,理论上可以处理HTML5中的video标签,从而播放MP4等视频文件。然而,由于浏览器内核的限制,某些版本的CEF或CefSharp可能不支持所有视频编码或格式。这个描述指出,经过测试,该版本的CefSharp...

    MP4-M3U8在线P2P加速视频播放器PHP源码 (1)_mp4m3u8在线播放_m3u8直播加速_m3u8mp4在线播放_m

    M3U8和MP4文件都能通过Web浏览器进行在线播放,通常需要使用HTML5的`<video>`标签配合合适的解码器。PHP源码可能提供了一个中间层,将M3U8播放列表转换为兼容更多设备和浏览器的格式,或者直接处理MP4文件的流式...

    安卓浏览器WebViewJSHTML5相关-webview支持html5视频播放实例.rar

    【标题】:“安卓浏览器WebViewJSHTML5相关-webview支持html5视频播放实例”涉及的核心知识点主要集中在Android平台上的WebView组件,HTML5视频播放以及JavaScript与Java的交互。 【描述】中提到的内容暗示了这个...

    视频上传与本地视频文件播放

    在网页上播放视频,HTML5的`<video>`标签是关键。它可以内联播放视频,无需插件。你需要设置`src`属性指向视频文件的URL,添加控制元素如播放/暂停按钮,还可以设置视频宽高、自动播放等属性。例如: ```html ...

    html5新增标签和属性

    HTML5 中新增了视频和音频的播放标签,包括: * video:播放视频的一般都可以播放,不需要浏览器安装 falsh * audio:播放音频的一般都可以播放,不需要浏览器安装 falsh 这些视频和音频标签可以帮助开发者快速...

    前端开源库-css-background-video

    它允许在网页中内联播放视频,支持多种视频格式,如MP4、WebM和Ogg,确保在不同浏览器中的兼容性。`<video>`元素还提供了API,可以用来控制视频的播放、暂停、音量等。 3. **CSS3 Background Properties** 在CSS中...

    在线视频播放系统

    此外,使用HTML5技术也至关重要,因为HTML5引入了新的媒体元素如`<video>`,使得在浏览器中原生支持视频播放成为可能,无需依赖Flash等插件。 在线视频播放系统的实现包括以下几个关键组成部分: 1. **前端界面**...

    videoJs.zip

    总的来说,"videoJs.zip"是一个方便的工具,它集成了video.js的基本功能和RTMP播放支持,使得开发者能够快速地在网站上构建高质量的视频播放体验。只需简单的部署和配置,即可享受video.js带来的强大功能。对于希望...

    HTML5从入门到精通-中文学习教程.docx

    * 视频标签:HTML5提供了video标签,用于播放视频内容。 * 视频格式:HTML5支持多种视频格式,包括MP4、WebM、Ogg等。 * 视频属性:HTML5的video标签具有多种属性,例如autoplay、loop、controls等。 三、HTML5音频...

    HTML5新特性1

    视频格式:HTML5 Video标签支持多种视频格式,包括MP4、WebM、Ogg等。 HTML5 Audio标签(音频): HTML5提供了播放音频文件的标准。 语法: 晴天.mp3" type="audio/mpeg"> control属性提供添加播放、暂停和音量...

    html5标签参考手册html5标签参考手册

    和<video>标签使得添加媒体内容变得简单,它们可以接受controls属性来提供播放、暂停和音量控制。此外,还可以通过source元素指定不同格式的源文件,以适应不同的浏览器兼容性需求。 三、离线存储与Web存储 HTML5...

    实用html5标签代码参照表

    HTML5新增了多媒体元素,如`<audio>`和`<video>`,使得在网页中内嵌音频和视频变得简单。这些标签支持多种源格式,并可以添加控制元素,如播放、暂停、音量调节等。 `<canvas>`标签是HTML5的一大亮点,提供了一个...

    手机版在线学习视频教程网页模板

    3. **视频播放页(Video Player Page)**:如detail.html,提供视频播放功能,HTML5的<video>标签是核心,支持多种视频格式(如mp4、webm、ogg)。还可以添加播放、暂停、进度条控制、全屏切换等交互元素。通过...

    asp .net实现播放视频实例

    在网页上播放视频,通常我们会使用HTML5的`<video>`标签,它支持多种视频格式,如MP4、WebM和Ogg。然而,ASP.NET作为一个服务器端的技术,我们需要在服务器端处理视频文件,并通过HTTP协议将视频数据流传输到客户端...

    html5 html5 教程 html5 html5

    - **示例代码**:下面是一个简单的`<video>`标签使用示例,演示了如何在HTML5页面中嵌入视频并提供播放控制。 ```html <video width="320" height="240" controls> <source src="movie.ogg" type="video/ogg"> ...

    【dede】ckeditorckeditor-视频-MP4上传插件

    3. **前端展示**:一旦视频上传成功,编辑器应该能生成一个HTML代码段,如`<video>`标签,以便在发布后网页上播放视频。这可能需要处理视频的预览图、播放控制、尺寸调整等细节。 4. **安全性与优化**:考虑到网站...

    php视频播放程序

    - 除了使用`<object>`标签外,还可以使用HTML5的`<video>`标签来实现视频播放功能。这种方式更加简洁且兼容性更好。 2. **安全性和性能优化:** - 对于用户输入的数据(如URL路径),应该进行严格的验证和过滤,...

Global site tag (gtag.js) - Google Analytics