Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
channel for youtube iframe API.
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
tests/unit
README.md
multiple-videos-same-url.html
youtube-iframe.html
youtube-iframe.js
youtube-iframe2.html

README.md

youtube-iframe

We design this utility to help Youtube iframe plugin with YUI wrapper.

How to use.

  1. Add youtube iframe script
<script type="text/javascript" src="//www.youtube.com/iframe_api"></script>
  1. 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);
    
  1. Play youtube video with an existed player.

player.play("http://www.youtube.com/watch?v=faVCwOesYl8");
    
  1. 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

Something went wrong with that request. Please try again.