僅當瀏覽器爲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，但在這種情況下，如果瀏覽器不支持HTML5的<video>元素，則不需要任何JavaScript就可以回退到Flash。

See this article at Nettuts+.