javascript - 当浏览器不支持 HTML5 视频时，如何重定向到 URL？

Question

当 html5 视频不支持时，我尝试重定向到不同的 URL。实际上 HTML5 视频无法在 safari 浏览器中播放。所以我想将我的页面重定向到 home.html 而不是 index.html。任何帮助或指示 我的浏览器显示消息您的浏览器不支持 HTML5 视频。这是我的代码，任何帮助将不胜感激。

index.html

<video id="myVideo" autoplay preload controls >
    <source src="final.mp4" type="video/mp4">
    <source src="final.ogv" type="video/ogg; codecs=theora, vorbis">
    <source src="final.webm" type="video/webm; codecs=vp8, vorbis">
       Your browser does not support HTML5 video.
</video>

Answer 1

您可以检查 JavaScript 是否支持视频元素，如果不支持则进行重定向:

if (!document.createElement('video').canPlayType) {
  window.location.replace('home.html');
}