Responsive Youtube video player for Google Sites

A fully responsive video player using HTML5

This gadget is a video player to embed Youtube videos into a Google Sites. The player width and height automatically rescales to fit every sizes of screens : no more pillar boxes (black bars on the left and right), letter boxes (black bars at the top and bottom) or partly hidden videos on small screens!


Autoplay and subtitles options are available in the gadget settings.

DEMO    -    TUTORIAL


Demo

To test the player, minimize and enlarge your browser window

Install

Instructions

  1. Navigate to the page you want to have the player on

  2. Use the Insert button and choose More Gadgets...

  3. Use the Add gadget by URL link

  4. Use the URL below for the gadget and use the Add button:
    https://sites.google.com/site/scriptsexamples/tools-for-google-sites/video-player.xml

  5. Enter your Youtube Video Url. Set the width on 100%. As the height will automatically rescale, leave the default one.

  6. Use the OK button to add it to the page, then refresh the page.

Options

Autoplay : Opt in the "Autoplay" button to automatically launch the video once the player is loaded.

Subtitles : Opt in the "Subtitles" button to show subtitles by default on your video (do not work for auto-generated subtitles).

Requirements

This gadget is JavaScript-based so it requires JavaScript to be enabled on the user's browser.