asked on

Safari vs. FireFox

We have a page that works in FireFox but NOT in Safari.

http://aquascapegetyourfeetwet.com/play_vid_onlyjs.htm

In FireFox it plays; in Safari I just get a black box.

Why does it not work in Safari?

nickinthooz

Safari needs quicktime to play html5 video's. Install the latest version of quicktime and try it again. zencdn uses html5.

If that doesn't help. Check your .htaccess and MIME types.

ASKER CERTIFIED SOLUTION

leakim971

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Richard Korts

ASKER

To leakim971

Did that. Still the same.

Richard Korts

ASKER

To nickinthooz

We have no control over what the end user has configured. We just want this to PLAY, regardless of the browser.

I am testing on an iPad, I have NO IDEA how to equip iPad with Quick Time be it doesn't matter.

leakim971

To leakim971

Did that. Still the same.

I don't see any change in the page

leakim971

OK, I see you add the code now, work for me now, check attachment
Clipboard02.jpg

Richard Korts

ASKER

To leakim971

OK, here'e the source for the upper part:

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge,chrome=1" />

<title>Play Video</title>
<link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/c/video.js"></script>
<script language="JavaScript" type="text/javascript">
      var myVideo
var ac = "";
window.onload = function() {
myVideo = document.getElementById("video1");
}
      function do_init() {
            document.getElementById("scode").disabled=true;
            document.getElementById("subgo").disabled=true;
            window.setTimeout("see_if_done()", 1000);
      }
      function see_if_done() {
            var myVideo = document.getElementById("video1");
                  if (myVideo.ended) {
                        code = "THE CODE";
                        document.getElementById("scode").disabled=false;
                        document.getElementById("subgo").disabled=false;
                        alert("Enter your code of " + code + " now and click Go.");

                  } else {
                        window.setTimeout("see_if_done()", 1000);
                  }
            return true;
      }
      function chk_vals() {
            if (ac != "p") {
                  if (document.fr.scode.value == "") {
                        alert("Please enter your code.");
                        return false;
                  }
                  return true;
            } else {
                  return false;
            }
      }
function vid_play_pause() {
      var myVideo = document.getElementById("video1");
if (myVideo.paused) {
myVideo.play();
} else {
myVideo.pause();
}
return true;
}

Richard Korts

ASKER

To To leakim971

Doesn't work on iPad.

I'll ask my partner to try on Safari on a computer.

Thanks

leakim971

I'm on PC, I got the problem on Chrome but now it work once you add the window.onload = function() {} block
Don't forget to clear the browser cache

SOLUTION