Jquery修改了Safari和其他浏览器的视频

Question

我在我的网站上添加了一个视频，但它没有在safari上工作。我正在使用'webm'视频格式。我需要将'mov'视频格式放入Safari中。

请建议在JQuery中进行黑客攻击，以便在safari打开时播放“mov”视频，并播放其他浏览器的“webm”视频。

Answer 1

HTML5 <video>代码接受多个<source>代码。浏览器将播放他们识别的第一个。你需要的只是：

<video autoplay loop muted playsinline="" preload="auto" id="newVideo">
    <source src="assets/vid/FinalLandingVideo.webm" type="video/webm"></source>
    <source src="assets/vid/FinalLandingVideo.mov" type="video/mov"></source>
</video>

Answer 2

检测您正在查看的浏览器，然后显示正确的视频

if (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Chrome') == -1) {//play .mov}
else{//play .webm}