Embed Youtube Video with Autoplay, Looping, and no controls!

Drupal 7 Warning

This handbook is for the Drupal 7 Drupal Express distribution. At this time, it has no relevance to the Drupal 8 Drupal Express installation available through OIT Web Hosting.

This handbook is still relevant to existing Drupal Express based Drupal 7 sites.  However, developers are strongly encouraged to build any new sites on Drupal 8 or an alternative Content Management System, as support for Drupal 7 will end in November of 2022.

It should be noted that there are no plans to provide a migration path for the Drupal Express super blocks and custom content types (Multipurpose Pages, Horizontal Landing Pages, and Vertical Landing Pages) to Drupal 8.  So, if you should still choose to build on Drupal 7 Drupal Express, avoid those content types and use only Basic pages to make your future Drupal 8 migration easier.

You can use a youtube video as a banner or embedded on your site without any additional modules. You will use Youtube Embedded Player Parameters to hide the controls, autoplay, loop and more.

Example: http://pacific.gatech.edu

To create a video banner;

  • Select a youtube video, click on Share and then Embed.
  • Select the embed code and copy it.
    • Start modifying after the verison=3  www.youtube.com/embed/VIDEOID?rel=0?version=3
    • be sure to add a '&' between each item.
    • to make it autoplay: add "autoplay=1"
    • to make it loop: add "loop=1"
    • to hide the controls: add "controls=0"
    • More settings here: Youtube Embedded Player Parameters

Working Example:  src="//www.youtube.com/embed/PEwac2WZ7rU?rel=0?version=3&autoplay=1&controls=0&&showinfo=0&loop=1​

 

 

Category: 
Miscellaneous