• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()

html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含Firefox,webkit,html5等相关知识,匿名希望在学习及工作中可以帮助到您

实例

检测您的浏览器是否能播放不同类型的视频:

myVid=document.createElement('video');
isSupp=myVid.canPlayType(vidType+';codecs="'+codType+'"');

定义和用法

canPlayType() 方法浏览器是否能播放指定的音频/视频类型。

canPlayType() 方法可返回下列值之一:

  • "probably" - 浏览器最可能支持该音频/视频类型

  • "maybe" - 浏览器也许支持该音频/视频类型

  • "" - (空字符串)浏览器不支持该音频/视频类型

浏览器支持

所有浏览器都支持 canPlayType() 方法。

注释:Internet Explorer 8 以及更早版本不支持该方法。

语法

audio|video.canPlayType(type))

参数

值描述
type

规定要检测的音频/视频类型。

常用值:

  • video/ogg

  • video/mp4

  • video/webm

  • audio/mpeg

  • audio/ogg

  • audio/mp4

常用值,包括编解码器:

  • video/ogg; codecs="theora, vorbis"

  • video/mp4; codecs="avc1.4D401E, mp4a.40.2"

  • video/webm; codecs="vp8.0, vorbis"

  • audio/ogg; codecs="vorbis"

  • audio/mp4; codecs="mp4a.40.5"

注释:如果包含编解码器,则只能返回 "probably"。

返回值

类型描述
String

表示支持的级别。可能的值:

  • "probably" - 最有可能支持

  • "maybe" - 可能支持

  • "" - (空字符串)不支持

以上就是html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

  • 解决Firefox下不支持outerHTML问题代码分享
  • H5新标签浏览器的兼容问题
  • 关于老版本的浏览器不兼容H5和C3的处理方法
  • HTML5 video 实现浏览器兼容的方法
  • html5中设置或返回浏览器应当显示标准的音视频控件的属性controls
  • html5中浏览器是否能播放指定的音频/视频类型的方法canPlayType()
  • 通过手机浏览器打开APP或者跳转到下载页面的实现
  • DOCTYPE与浏览器渲染介绍
  • 将数据库从服务器移到浏览器--indexedDB基本操作封装
  • Flash在苹果、微软、火狐的围剿下生存期还有几年?有没有完善的替代方案?

相关文章

  • 2018-12-03html5 navigator.geolocation基于浏览器获取地理位置代码案例
  • 2018-12-03HTML5里的placeholder属性使用实例和美化显示效果的方法_html5教程技巧
  • 2018-12-03HTML 5应用程序缓存使用总结
  • 2018-12-03HTML5体验改进的14条军规
  • 2018-12-03HTML5支持服务器发送事件
  • 2017-08-06html5将图片转换成base64的实例代码
  • 2018-12-03HTML5实践-使用css3如何完成google涂鸦动画的详解
  • 2018-12-03H5制作一个计时器的代码演示
  • 2017-08-06html5的canvas方法使用指南
  • 2018-12-03Html5游戏开发之乒乓Ping Pong游戏示例(一)_html5教程技巧

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • JS HTML5拖拽上传图片预览
    • HTML5 Notification(桌面提醒)功能使用实例
    • 借助HTML5 Canvas来绘制三角形和矩形等多边形的方法_html5教程技巧
    • HTML5对比HTML4的主要改变和改进总结
    • HTML5 Canvas实现文本对齐的方法总结
    • HTML5 Canvas之测试浏览器是否支持Canvas的方法
    • HTML5实现预览本地图片
    • HTML5初窥2之新元素
    • HTML5<progress>标签是什么意思?HTML5<progress>标签的基本用法详解
    • Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有