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

Question

只有当用户浏览器是 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]-->

Answer 1

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

请参阅 Nettuts+ 上的这篇文章。