Steps to Embed a YouTube Video in Elementor Using the HTML Widget

1. Find the Video:

   • Go to YouTube and open the video you want to embed.

2. Copy the Embed Code:

   • Click on the “Share” button below the video.
   • Select the “Embed” option.
   • Copy the iframe code provided.

3. Log into WordPress:

   • Go to your WordPress admin dashboard and navigate to the page or post you want to edit with Elementor.

4. Edit with Elementor:

   • Click on the “Edit with Elementor” button to open the Elementor editor.

5. Add the HTML Widget:

   • In the Elementor panel on the left, search for the “HTML” widget.
   • Drag and drop the “HTML” widget onto your page where you want the video to appear.

6. Paste the Embed Code:

   • In the HTML widget settings on the left, paste the iframe code you copied from YouTube.

   Example iframe code:

   html

   Copy code

   <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>

   Make sure to replace VIDEO_ID with the actual ID of the YouTube video.

7. Adjust Size (Optional):

   • If you want the video to be responsive, you can modify the iframe to use a div wrapper with CSS. To do this, you can add the following code:
   html

   Copy code

   <div class="video-container"> <iframe src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe> </div>

   Then, add this CSS to your theme’s custom CSS section or the Elementor settings for the page:

   css

   Copy code

   .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ height: 0; overflow: hidden; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

8. Publish:

   • Once you’re satisfied with how it looks, click the “Update” button to save your changes.

Testing

• Preview your page to ensure the video is embedded correctly and plays as expected.

This method gives you more control over the embed code while allowing for customization. Let me know if you need any more help!