如何在没有 Safari 的情况下隐藏浏览器的视频元素答案

【问题标题】：How to hide video element for browsers without safari如何在没有 Safari 的情况下隐藏浏览器的视频元素
【发布时间】：2013-12-05 13:09:57
【问题描述】：

你能帮帮我吗？我需要将视频标签添加到 Safari 浏览器的 HTML 页面，并为其他人阻止\隐藏它。我该如何实现？

【问题讨论】：

标签： javascript html video safari

【解决方案1】：

您真的需要为所有其他浏览器隐藏它吗？您通常应该使用feature detection 并允许任何具有播放视频功能的浏览器。

<video width="320" height="240" controls>
  <source src="movie.mp4" type="video/mp4">
  Your browser does not support the video tag.
</video>

http://www.w3schools.com/html/html5_video.asp

【讨论】：

【解决方案2】：

function browserHasName(name){  
   var agent = navigator.userAgent.toLowerCase();  
   if (agent.indexOf(name.toLowerCase())>-1) {  
     return true;  
   }  
   return false;  
}  

if( browserHasName('safari') ) {
   //add video to DOM 

   // using plain javascript
   document.write('<video><source src="yourVideoPath.mp4" /></video>'); 


   //using jquery (personal recommendation)
   $('body').append('<video><source src="yourVideoPath.mp4" /></video>');
}


//or


if(!browserHasName('safari') ) {
   //remove video from DOM
}

【讨论】：

//将视频添加到 DOM... 我该如何实现呢？