HTML5判断浏览器是否支持video元素

 时间:2024-10-17 07:58:41

1、var hasVideo = !!(document.createElement('video').canPlayType);这段脚本会动态创建一个video,然后检测canPlayType()函数是否存在。通过“!!”运算符将结果转换成布尔值,就可以反映出video是否已创建成功。如果检测结果是浏览器不支持video元素,则需要对这些浏览器触发另外一套脚本来向页面中引入媒体标签,比如F1ash等其他播放技术。

2、我们可以在video元素中放入备选内容,如果浏览器不支持该元素,这些备选内容就会显示在元素对应的位置。可以把以Flash插件方式播放同样视频的代码作为备选内容。

3、如果仅仅只想显示一条文本形式提示信息替代本应显示的内容。那就简单了,在audio元素或video元素中按下面这样插入信息即可:<video src="video.ogg" controls> Your browser does not support HTML5 video.</video>

4、如果是要为不支持HTML5媒体的浏览器提供可选方式来显示视频,可以使用相同的方法,将以插件方式播放视频的代码作为备选内容,放在相同的位置即可:<video src="video.ogg"> <object data="videoplayer.swf" type="application/x-shockwave-flash"> <param name="movie" value="video.swf"/> </object></video>

  • mysql怎么修改密码,mysql修改密码的几种方法
  • 配置DNS正向查找局域
  • 警钟:大屁股就是这样炼成的!
  • 人老腿先老的信号
  • Unity2D 如何将一张图片分解成多个Sprite?
  • 热门搜索
    邮轮旅游 旅游策划 延安旅游 运城旅游 韶关旅游 城市旅游 大理旅游 聊城旅游 旅游服务 旅游视频