I am using three controls for an embedded chromeless player. Load Video, Pause and Play. All three controls work well in every browser except Firefox. For some reason my pause button won’t work. Any thoughts about why it isn’t working in Firefox?
Here’s the code:
[QUOTE]
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“
<html>
<head>
<title>Mary North Travel | Full Service Retail Travel Agency Specializing in Leisure, Corporate, and Cruise Travel</Title>
<link rel=”stylesheet” type=”text/css” href=”
</head>
<body>
<div align=”center”>
<table id=”introtab” align=”center”>
<col width=”75%”>
<tr>
<td>
<br></br>
<div align=”center”>
<script type=”text/javascript” src=”swfobject.js”></script>
<div id=”ytapiplayer”>
You need Flash player 8+ and JavaScript enabled to view this video.
</div>
<br></br>
<a href=”javascript:void(0);” onclick=”loadNewVideo(‘XXYKEfw49aQ’, 0);”><img src=”images/start.png” border=”none” height=”46″></a>
<a href=”javascript:void(0);” onclick=”pause();”><img src=”images/pause.png” border=”none” height=”46″></a>
<a href=”javascript:void(0);” onclick=”play();”><img src=”images/resume.png” border=”none” height=”46″></a>
<br></br>
</div>
<td>
<div align=”center”><a id=”corppic” href=”
<br></br>
<a id=”corp” href=”
</td>
</tr>
</col>
</table>
</div>
<script type=”text/javascript”>
var params = { allowScriptAccess: “always” };
var atts = { id: “myytplayer” };
swfobject.embedSWF(“http://www.youtube.com/apiplayer?enablejsapi=1&version=3&playerapiid=ytplayer”,
“ytapiplayer”, “675”, “506”, “8”, null, null, params, atts);
function play() {
if (myytplayer) {
myytplayer.playVideo();
}
}
function pause () {
if (myytplayer) {
myytplayer.pauseVideo();
}
}
function stop() {
if (myytplayer) {
myytplayer.stopVideo();
}
}
function onYouTubePlayerReady(playerId) {
ytplayer = document.getElementById(“myytplayer”);
}
function loadNewVideo(id, startSeconds) {
var ytplayer = document.getElementById(“myytplayer”);
if (ytplayer) {
ytplayer.loadVideoById(id, startSeconds);
}
}
</script>
</div>
</body>
</html>