Playing YouTube Videos in Player V4
The Ooyala Player Plugin for YouTube iFrame enables you to play YouTube-hosted videos using Player V4 and the Player V4 skin. This allows you to syndicate video content from YouTube into your web application. Integration involves adding an asset in Backlot that points to the video hosted on YouTube. In Backlot, the asset type is "youtube", so in our documentation, we refer to these as YouTube assets. You can customize video metadata (video title and description) in Backlot so that it appears during playback.
- The Ooyala Player Plugin for YouTube iFrame uses YouTube's IFrame player API, which supports HTML5 playback only.
- The Ooyala Player Plugin for YouTube iFrame supports pre-recorded videos. Although live streams will work, the player experience does not reflect that the content is live.
Supported PlayersThe Ooyala Player Plugin for YouTube iFrame supports the Ooyala HTML5 web player versions 4.9.8 and above.
Available Player V4 ControlsYou can use the following Player controls with Player V4 and YouTube-hosted videos:
- Social Sharing
- Discovery (if enabled in Backlot)
- Bitrate controls
Requirements and LimitationsBecause YouTube (not Ooyala) hosts the video content, playback in Player V4 is subject to the following requirements:
- Playing YouTube content is supported for HTML5 only. There is no Flash support.
- YouTube content cannot be played on iOS devices.
- Due to YouTube licensing requirements:
- You cannot remove the YouTube watermark branding.
- You cannot remove YouTube video ads.
- To use Player V4 ad plugins (see http://help.ooyala.com/video-platform/concepts/pbv4_ads.html) with YouTube-hosted videos, you must have written permission from YouTube, per their Terms of Service. If you have this permission, contact Ooyala Technical Support for information on how to use Ooyala's Ad Manager Framework (AMF) with YouTube-hosted videos and Player V4.
- YouTube playlists are not supported within Player V4.
- YouTube preview images and thumbnails are not supported in Player V4.
- YouTube closed captions are not supported in Player V4.
Step 1: Add the YouTube Video in BacklotBegin by adding the YouTube video to your Backlot account.
Note:For details, see:
- When you add a YouTube video to Backlot, you simply create an asset that points to the video hosted on YouTube (its YouTube URL contains its YouTube ID). The video is not actually ingested into your Backlot account.
- There is a 1:1 correspondence between YouTube assets in Backlot and YouTube IDs. A YouTube ID is uniquely associated with one YouTube asset in Backlot. No two YouTube assets in your account can have the same YouTube ID.
- Backlot GUI: Adding a YouTube Video
- Backlot API: Uploading a YouTube Video
- Video Tutorial: Adding New Content from YouTube
Step 2: Associate the YouTube Video with the PlayerNext, in Backlot, associate the embed code of the YouTube video with the Player. For details, see Managing YouTube Asset Details.
Step 3: Specify the Plugin on the Web PageAdd the Ooyala Player Plugin for YouTube iFrame In the <head> section, load the Ooyala Player Plugin for YouTube iFrame.
<head> <title>My Test Player V4 Web Page</title> <script src="url_where_hosted/core.min.js"></script> <script src="url_where_hosted/html5-skin.min.js"></script> <link rel="stylesheet" href="url_where_hosted/html5-skin.min.css"/> <script src="url_where_hosted/video-plugin/youtube.min.js"></script> </head>
Step 4: Embed the Player and YouTube Asset in an HTML iFrameSee Embedding Player V4 in an HTML iframe.