隐藏/显示基于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浏览器的特定分区

回答

相关问题