We design this utility to help Youtube iframe plugin with YUI wrapper.
- Add youtube iframe script
<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>
- Sample code - config and player.
var config = {
"container": "#yt", // HTML selector, it can be id, class or html tag name (like body)
"size": ["1280px","780px"], //width, height in px
"hasControl": true, //show control?
"autoPlay": false, //auto play or not
"url": "http://www.youtube.com/watch?v=faVCwOesYl8" //youtube url
};
var player = new Y.YoutubeIframe(config);
- Play youtube video with an existed player.
player.play("http://www.youtube.com/watch?v=faVCwOesYl8");
- Listen event
player.on("ready", _handleReady);
player.on("playing", function (e) {
position: e.position,
duration: e.duration
});
player.on("ended", _handleEnded);
player.on("error", _handleError);
Reference: https://developers.google.com/youtube/iframe_api_reference