Categories

Featured templates

Joomla 3.x. How to make embedded YouTube/Vimeo video autoplay

Daniel Morales September 12, 2016
Rating: 5.0. From 2 votes.
Please wait...

This tutorial will show you how to make embedded YouTube/Vimeo video autoplay in a Joomla Template.

We assume you already know how to add video to an article in Joomla.

YouTube

Follow the steps below to find out the iFrame code:

  1. Open the video you want to embed on YouTube.

  2. Click on Share -> Embed button.

  3. Copy code from iframe box:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_1
  4. Create/edit article and paste embed video code in HTML editing mode. To do that, click on a Toggle editor button at the bottom:

  5. Click on ContentArticle Manager tab:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_2
  6. Click on  Toggle editor  to paste the Youtube Video embed code:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_3
  7. Add ?autoplay=1 to the end of the video URL:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_4
  8. Save the article and refresh your site to see changes applied. Video will now play automatically.

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_5

Vimeo

Follow the steps below to find out the iFrame code:

  1. Open video you want to embed on Vimeo.

  2. Click on Share button.

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_6
  3. Check the ‘Autoplay this video’ radio button. Copy code from Embed box:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_7
  4. Create/edit an article and paste video embed code in HTML editing mode. To do that, click on a Toggle editor button at the bottom:

  5. Navigate to the ContentArticle Manager tab:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_2
  6. Click on Toggle editor to paste the Vimeo Video embed code:

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_8
  7. Save the article and refresh your site to see the changes. Video will now play automatically.

    Joomla_3_How_to_make_embedded_YouTube_Vimeo_video_autoplay_5

Feel free to check the detailed video tutorial below:

Joomla 3.x. How to make embedded YouTube/Vimeo video autoplay
Joomla Responsive templates
This entry was posted in Joomla! Tutorials and tagged autoplay, embed, video, vimeo, youtube. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket