ブラウザがSafariの場合のみhtml5ビデオプレーヤーを使用

Question

html5ビデオタグは、ユーザーのブラウザがSafariの場合のみ使用します。そうでない場合は、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+.