如何检测浏览器是否支持html5,网页视频播放器html5

  如何检测浏览器是否支持html5,网页视频播放器html5

  复制代码代码如下:

  强烈的现在越来越多的网站都提供视频播放(非插件)。HTML5提供了展示视频的标准。那么如何检查你得浏览器是否支持视频播放呢,下面我们来写一个列子100/STRONG复制代码代码如下:

  !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www。w3。org/TR/XHTML 1/DTD/XHTML 1-Strict。 DTD

  html xmlns= http://。w3。 org/1999/XHTML

  头

  身体

  h1HTML 5视频/h1

  p检测您的浏览器是否支持HTML5视频:/p

  div id=检查视频结果 style= margin:10px 0 0;边框:0;填充:0;

  字体系列:Arial,Helvetica,无衬线字体;onclick=checkVideo()检查/按钮

  /div

  /div

  /body

  /html

  下边是射流研究…代码:复制代码代码如下:

  函数检查视频()

  {

  如果(!document . createelement(“video”).canPlayType)

  {

  //创建录像元素

  var vid测试=文档。createelement(“video”);

  //检测是否可以播放格式格式的视频

  ogg测试=vid测试。canplaytype( video/ogg;编解码器=theora,vorbis );

  如果(!oggTest)

  {

  //检测是否可以播放MP4格式的视频

  h 264测试=vid测试。can playtype( video/MP4;编解码器=avc1.42E01E,mp4a。40.2 );

  如果(!h264测试)

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=对不起。没有视频支持。

  }

  其他

  {

  if (h264Test==大概)

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=是的!全力支持!";

  }

  其他

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=嗯。一些支持。

  }

  }

  }

  其他

  {

  if (oggTest==大概)

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=是的!全力支持!";

  }

  其他

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=嗯。一些支持。

  }

  }

  }

  其他

  {

  文档。getelementbyid(“检查视频结果”).innerHTML=对不起。没有视频支持。

  }

  } 复制代码代码如下:

  canPlayType方法说明:

  1.定义:检测浏览器是否能播放指定的音频/视频类型。

  2.返回值:

  很可能,表示浏览器最可能支持该视频或音频。

  也许吧,表示浏览器可能支持该视频或音频。

   (空字符串),表示浏览器不支持该视频或音频。

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

  语法:audiovideo.canPlayType(type))

  参数说明:

  类型:要检测的音频或视频类型,

  常用值:视频/ogg;视频/MP4;视频/webm;音频/mpeg;音频/ogg;音频/mp4

  常用值(包括要检测的音频或视频编解码器):

  视频/ogg;编解码器=theora,vorbis

  视频/MP4;编解码器=avc1.4D401E,mp4a.40.2

  视频/webm;编解码器=vp8.0,vorbis

  音频/ogg;编解码器=vorbis

  音频/MP4;编解码器=mp4a.40.5

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: