Как скрыть элемент видео для браузеров без сафари

Question

Не могли бы вы помочь мне? Мне нужно добавить тег видео на страницу HTML для браузера Safari и заблокировать \ скрыть его для других. Как я могу это реализовать?

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