仅当浏览器是Safari时才使用html5视频播放器

时间:2011-01-21 19:16:50

标签: html5 video html5-video browser-detection

我想只在用户浏览器是Safari时才使用html5视频标签,如果不是,请使用flash视频播放器。

以下代码不起作用(<!--[if Safari]>条件无效),但它可能会让您知道我在寻找什么

<!--[if Safari]>
<video id="player" width="480" controls>
  <source src="path/to/movie.mov" />
</video>
<![endif]-->

<!--[if !Safari]>
<script src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>
<script type="text/javascript">

  var flashvars = {};
  var params = {
      allowscriptaccess: "true",
      file:"path/to/movie.mov"
  };
  var attributes = {};

  swfobject.embedSWF("swf/player.swf", "player", "640", "480", "9.0.0", flashvars, params, attributes);

</script>
<![endif]-->

1 个答案:

答案 0 :(得分:4)

从不使用浏览器检测。请改用特征检测。您可以使用Modernizr,但在这种情况下,如果浏览器不支持HTML5的<video>元素,则根本不需要任何JavaScript来回退到Flash。

See this article at Nettuts+.

相关问题