How can I redirect to a URL when browser dose not support HTML5 videos?

Question

I am trying to redirect to a different URL when html5 video's not supporting. Actually HTML5 video are not playing in safari browser. So I want to redirect my page to home.html instead of index.html. Any help or direction My browser giving message Your browser does not support HTML5 video. Here is my code, any help will be appreciated.

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>

try to ask to window.canvas ( for example), at the begin of page. And then if not redirect — Álvaro Touzón, Jul 31 '17 at 06:22
have you tried this https://stackoverflow.com/questions/33832452/html5-videos-not-working-in-safari — Monish Sen, Jul 31 '17 at 06:23
Possible duplicate of [HTML5 videos not working in Safari](https://stackoverflow.com/questions/33832452/html5-videos-not-working-in-safari) — RAUSHAN KUMAR, Jul 31 '17 at 06:27

score 1 · Answer 1 · answered Jul 31 '17 at 06:24

1

You can check if the video element is supported in JavaScript, and then redirect if it isn't supported:

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

answered Jul 31 '17 at 06:24

Jayne Mast

1,427
1
16
32

How can I redirect to a URL when browser dose not support HTML5 videos?

1 Answers1