可以识别视频的浏览器,HTML5视频播放器代码

  可以识别视频的浏览器,HTML5视频播放器代码

  在http://www.w3school.com.cn学习html5的时候,看到一个检测您的浏览器是否支持HTML5视频的方法:

  运行效果:

  1.在EditPlus中运行

  2.在铬浏览器中运行

  =======================================================

  代码部分:

  =======================================================复制代码代码如下:

  !管道类型超文本标记语言

  超文本标记语言

  脚本类型=文本/javascript

  函数检查视频()

  {

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

  {

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

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

  如果(!oggTest)

  {

  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=对不起。没有视频支持。

  }

  }

  /脚本

  身体

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

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

  按钮onclick= check video() style= font-family:Arial,Helvetica,sans-serif;检查/按钮

  /div

  /body

  /html

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

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