如何在没有safari的情况下为浏览器隐藏视频元素

How to hide video element for browsers without safari

本文关键字：浏览器 隐藏 视频 元素 情况下 safari      更新时间：2024-03-26

你能帮我吗？我需要为safari浏览器的HTML页面添加视频标签，并为其他人屏蔽/隐藏它。我该如何实现？

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

<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

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
}
相关文章：