Question

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

Answer 1

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
}

Answer 2

你真的需要为所有其他浏览器隐藏它吗？您通常应使用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

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

2 个答案: