I'm not sure why, but in the Safari browser, both Mac and PC, the player will not always play. Sometimes it works and sometimes it doesn't. I'm sure I've made a mistake on my end that is causing this. Here is my page in question: http://mangionemagic.com/video.htm
Thanks for looking into it.
I went ahead and made the changes you posted above, but the player, in Safari will not always play. When it loads, the picture in the player is not centered and it will not play anything. I can see my playlist in the player with all of the thumbnails and the descriptions. The playlist will even move when I click on one of the videos. But nothing will play. I'm getting confused. ; )
Your player and playlist look fine.
Perhaps the problem is the Adobe Flash Player for Safari.
Try uninstalling the Adobe flash Player for Safari using Adobe's uninstaller (from Adobe's site), then re-install the Adobe Flash Player.
I think I found the problem, though I'm not sure why it would matter. If the URL has the www then it will work. If the www is missing, then it won't work. For example:
This will not work: http://mangionemagic.com/video.htm
This will work: http://www.mangionemagic.com/video.htm
Is there a way around this?
Adobe Flash Player security restrictions require that the movie (mediaplayer.swf or player.swf or imagerotator.swf) and all data files (playlist.xml, captions.xml, skin.swf, plugin, etc.) _MUST_ come from the *_EXACT_* same domain unless you put a cross-domain policy file on the root of the server that is serving the data files.
Reference: *http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_14213*
Therefore, you must either:
1) serve the data file(s) (playlist.xml, captions.xml, skin.swf, plugin, etc.) from the same domain as the movie (mediaplayer.swf or player.swf or imagerotator.swf),
2) or serve the data files through a proxy at the same domain as the movie, so it appears that they both come from the same domain,
3) or place a cross-domain policy file on the server that is hosting the data file(s).
Domains must be *_EXACTLY_* the same. "www.domain.com" and "domain.com" are not exactly the same.
Your page is probably being served from http://www.mangionemagic.com/
So the "../" is incorrect, because you cannot go up one directory from the root directory.
Try removing the ".." from the three URLs that have it.
Thanks for all of the information! I must admit that some of it is over my head.
I tried removing the "../" but no luck. I did however fix it by simply using the full path url for each of the three urls. That seems to have fixed it. Now, regardless of if it has a www or not, it will work.
Thanks for helping me pinpoint the problem! You are awesome!
i'm having a similar problem with my jw image rotator slideshows at http://carriagehousecafe.com working great in IE7 and FF3. but getting nothing but a black window and spinning load icon in safari 4. tried resetting safari and reinstalling the flash player. using an embed code for this. any help?
<embed
src="imagerotator.swf"
width="580"
height="353"
allowscriptaccess="always"
allowfullscreen="true"
flashvars="file=imagerotator.xml&transition=fade&screencolor=0x42160d&frontcolor=0xffa247&lightcolor=0xf5cdac&usefullscreen=false&rotatetime=5&shuffle=false"
/>
I'm getting the same thing, the following code works fine in IE7 and Firefox, but in safari I just see a spinner that the video is loading but it never loads or plays.
Also, similar code with flowplayer works fine in safari, so I don't know if they use a workaround or if it's just a jw player bug, but please fix it :(
This is the code:
<script type="text/JavaScript">
function createPlayer() {
var flashvars = {
file:"/cctv/view/video/test.mp4",
image:"/cctv/view/image/test.jpg",
bufferlength:"2",
duration:"9",
controlbar:"bottom",
stretching:"none",
autostart:"false",
}
var params = {
allowfullscreen:"true",.
allowscriptaccess:"always"
}
var attributes = {
id:"player1",
name:"player1"
}
swfobject.embedSWF("/media/player.swf", "alternativeContent", "640", "505", "9.0.115", false, flashvars, params, attributes);
}
createPlayer();
</script>
<div id="alternativeContent">
<a href="http://www.adobe.com/go/getflashplayer">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
</div>
Your code has numerous small mistakes. Try this:bc.. <head>
<scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<scripttype="text/javascript">
varflashvars=
{
file:'/cctv/view/video/test.mp4',
image:'/cctv/view/image/test.jpg',
bufferlength:'2',
duration:'9',
controlbar:'bottom',
stretching:'none',
id:'player1',
autostart:'false'
};
varparams=
{
allowfullscreen:'true',
allowscriptaccess:'always'
};
varattributes=
{
id:'player1',
name:'player1'
};
swfobject.embedSWF('/media/player.swf','alternativeContent','640','505','9.0.115',false,flashvars,params,attributes);
</script>
</head>
<body>
<divid="alternativeContent"><ahref="http://www.adobe.com/go/getflashplayer"><imgsrc="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"alt="GetAdobeFlashplayer"/></a></div>
</body>
You don't need to wrap the JavaScript player embedding code in a function. swfobject monitors the DOM loading and writes the object element at the appropriate time.
Be aware that you will lose the entire division element with an id of "alternativeContent" when swfobject writes the object element. Therefore, if you want to use any CSS for styling or positioning, you should wrap the division element in an additional element which would be targeted by the CSS.
My videos play fine in IE7 but not Safari nor Firefox. The player comes up but when you click on the player, nothing plays. Any suggestions? Thanks,
Here is the code:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="343">
<param name="movie" value="player-viral.swf">
<param name="quality" value="high">
<param name="flashvars" value="file=http://www.13headsofhair.com/Demo_Reel.flv">
<embed src="player-viral.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="400" height="343"></embed>
</object>
I did the below and IE and Firefox works.
<CENTER><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"><TR><TD>
<SCRIPT TYPE="text/JavaScript" src="swfobject.js">
</SCRIPT>
<SCRIPT TYPE="text/JavaScript">swfobject.registerObject("player","9.0.98","expressInstall.swf");</SCRIPT>
<OBJECT id="player" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" name="player" width="0" height="0">
<PARAM NAME="movie" value="" />
<PARAM NAME="allowfullscreen" value="NO" />
<PARAM NAME="allowscriptaccess" value="NO" />
<PARAM NAME="flashvars" value="" />
<OBJECT TYPE="application/x-shockwave-flash" data="player.swf" width="400" height="245">
<PARAM NAME="movie" value="player.swf" />
<PARAM NAME="allowfullscreen" value="true" />
<PARAM NAME="allowscriptaccess" value="always" />
<PARAM NAME="flashvars" value="file=video.flv&image=cover.jpg" />
</OBJECT></OBJECT>
</TD></TR></TABLE></CENTER>
bc.. <scripttype="text/javascript"src="http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script>
<scripttype="text/javascript">
varflashvars=
{
file:'../_generalvideofiles/generalvideoplaylist.xml',
*title:'MyVideo',
plugins:'rateit-1',
backcolor:'111111',
frontcolor:'999999',
lightcolor:'CCCCCC',
skin:'../_generalvideofiles/skins/modieus.swf',
playlistsize:'200',*
autostart:'false',
playlist:'bottom',
repeat:'list',
quality:'true'
};
varparams=
{
allowfullscreen:'true',
allowscriptaccess:'always'
};
varattributes=
{
id:'playerId1',
name:'playerId1'
};
swfobject.embedSWF('../_generalvideofiles/player.swf','player1','470','470','9.0.124',false,flashvars,params,attributes);
</script>