隱藏/顯示基於Web瀏覽器的特定分區

我有兩個視頻。我只需要在Chrome/Safari/IE/Opera中看到一個視頻。而且我只需要在Firefox中看到其他視頻。隱藏/顯示基於Web瀏覽器的特定分區

我該怎麼做呢？

HTML：

*視頻我必須看到在Chrome/Safari瀏覽器/ IE /歌劇：

<div id="video1"> 
<video src="work_1.mov" width="500" height="288" preload="" controls> 
</video> 
</div>

*視頻我必須看到在Firefox：

<div id="video2" > 
<video width="500" height="288" preload="" controls> 
<source src="videos/work2.webm" type="video/webm"> 
<source src="videos/work2.mp4" type="video/mp4"> 
</video> 
</div>

來源

2013-11-04 KateG

你嘗試過什麼？順便說一句，我會建議通過檢查瀏覽器中的功能而不是用戶代理來執行此操作。有很多事情要做。例如http://modernizr.com/庫 – antyrat

爲什麼你需要通過瀏覽器分開我可以問？ – lifetimes

由於Firefox不會接受與其他瀏覽器相同的視頻嵌入代碼，並且我不希望兩個視頻在同一個頁面@DSG上顯示。 – KateG

如果您需要使用瀏覽器檢測，而不是對象檢測，則可以使用jQuery.browser標記常見嫌疑人：http://api.jquery.com/jQuery.browser/

功能檢測是更好的方法，只有在需要爲用戶代理特別測試時才使用jQuery。 *請注意，jQuery的建議使用Modernizr的換去的特徵檢測路線：http://modernizr.com/

如果你堅持了瀏覽器的類型檢查：

alert($.browser); 
alert($.browser.version);

來源

2013-11-04 16:48:50

'$ .browser'不再處於jQuery核心中。與特徵檢測相比，這不是一個好的建議。非常老派 – charlietfl

完全同意。特徵檢測是要走的路，因爲jQuery本身推薦Moderdizr。 –

隱藏/顯示基於Web瀏覽器的特定分區

回答

相關問題