I'm embedding YouTube videos onto my webpage with something like this
<object width="425" height="344">
<param name="movie" value="http://www.youtube.com/v/RU-bMtPz1cY"></param>
<param name="allowFullScreen" value="false"></param>
<param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/RU-bMtPz1cY" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed>
</object>
If I have say 3 YouTube videos on the same webpage, I was wondering if it was possible (maybe with YouTube's API?) to play each video consecutively? That is, the first video starts to autoplay. When that video finishes, the second video on the webpage will play and then the third? Thanks for your time.
Reference:
http://code.google.com/apis/youtube/js_api_reference.html
Best Answer
See http://code.google.com/apis/youtube/js_api_reference.html#Events
You want to listen to the
onStateChange
event. note that when the value passed is0
, then the video has ended. Listen for that event/value to start the next video.Just a basic outline of what you probably want to do: