Richard Korts
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?
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?
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
To leakim971
Did that. Still the same.
Did that. Still the same.
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.
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.
To leakim971
Did that. Still the same.
I don't see any change in the page
OK, I see you add the code now, work for me now, check attachment
Clipboard02.jpg
Clipboard02.jpg
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("v ideo1");
}
function do_init() {
document.getElementById("s code").dis abled=true ;
document.getElementById("s ubgo").dis abled=true ;
window.setTimeout("see_if_ done()", 1000);
}
function see_if_done() {
var myVideo = document.getElementById("v ideo1");
if (myVideo.ended) {
code = "THE CODE";
document.getElementById("s code").dis abled=fals e;
document.getElementById("s ubgo").dis abled=fals e;
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("v ideo1");
if (myVideo.paused) {
myVideo.play();
} else {
myVideo.pause();
}
return true;
}
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("v
}
function do_init() {
document.getElementById("s
document.getElementById("s
window.setTimeout("see_if_
}
function see_if_done() {
var myVideo = document.getElementById("v
if (myVideo.ended) {
code = "THE CODE";
document.getElementById("s
document.getElementById("s
alert("Enter your code of " + code + " now and click Go.");
} else {
window.setTimeout("see_if_
}
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("v
if (myVideo.paused) {
myVideo.play();
} else {
myVideo.pause();
}
return true;
}
ASKER
To To leakim971
Doesn't work on iPad.
I'll ask my partner to try on Safari on a computer.
Thanks
Doesn't work on iPad.
I'll ask my partner to try on Safari on a computer.
Thanks
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
Don't forget to clear the browser cache
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
The problem is NOT solved. Points awarded based on effort.
We used a custom developed solution in Jquery.
We used a custom developed solution in Jquery.
If that doesn't help. Check your .htaccess and MIME types.