Ok, so I have a website that is fully ajax-based. The whole page is in ajax.
I can easily embed the videos from youtube, using a code like this
<object width="425" height="344"><param name="movie" value="https://youtube.com/v/2TrJl-kU1Oc&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="https://youtube.com/v/2TrJl-kU1Oc&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
They load fine and I can navigate away from the page with that video while it's loading without any problems.
But whenever I watch a user uploaded video, when it starts loading, you cannot navigate away from the page during the loading time.
I have been trying to make a code similar to the one above, but for some odd reason I can't. The closest I got is this -- and it still doesn't let me navigate away from the page.
<object width="425" height="344" type="application/x-shockwave-flash" data="/misc/flvplayer.swf" flashvars="file=/image.out?stream=<?=$vInfo[0]['filename']?>.flv">
<param name=?movie? value="/image.out?stream=<?=$vInfo[0]['filename']?>.flv"/>
<param name=?allowFullScreen? value=?true? />
</object>
Seems that I need to drop the flashvars string, but if I do so, the video doesn't load at all.
Any ideas?