askvity

How do I add a YouTube Live Stream to Wix?

Published in Wix YouTube Integration 3 mins read

Adding a YouTube live stream to your Wix website is a straightforward process involving embedding the stream using HTML code. Here's how:

Steps to Embed Your YouTube Live Stream in Wix:

  1. Get the Embed Code from YouTube:

    • Go to the YouTube video watch page of your scheduled or current live stream.
    • Click the Share button below the video.
    • Select Embed from the sharing options.
    • Copy the provided HTML embed code. It will look something like this: <iframe width="560" height="315" src="https://www.youtube.com/embed/YOUR_VIDEO_ID?autoplay=1&mute=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>

  2. Access the Wix Editor:

    • Log in to your Wix account.
    • Go to the Wix website editor for the site where you want to add the live stream.
    • Navigate to the page where you want to display the live stream.

  3. Add an HTML iFrame Element:

    • In the Wix Editor, click the Add Elements button (the plus sign +).
    • Go to Embed and select Embed a Widget. This will add an HTML iFrame element to your page.

  4. Enter the Embed Code:

    • Click on the newly added HTML iFrame element.
    • Click Enter Code.
    • Paste the YouTube embed code you copied earlier into the text box.

  5. Adjust Size and Position:

    • Resize and reposition the HTML iFrame element on your page to fit your desired layout.
    • Consider adjusting the width and height attributes in the embed code itself for more precise control (e.g., <iframe width="640" height="360"...>).

  6. Publish Your Changes:

    • Click Publish in the Wix Editor to make the live stream visible on your live website.

Tips for a Better Viewing Experience:

  • Autoplay (Optional): The autoplay=1 parameter in the embed code (if you kept it) will automatically start the stream for viewers. Be mindful of user experience; some viewers may not appreciate autoplay. You can remove autoplay=1 from the src attribute in the embed code to disable autoplay. Consider adding &mute=1 to mute the video if autoplay is enabled.
  • Responsiveness: Ensure your iframe is responsive so it looks good on different screen sizes. In Wix, look for settings within the iFrame element to make it responsive (usually found in the element's settings panel). Alternatively, use CSS or advanced HTML embedding techniques, but this is generally not needed if the standard Wix iFrame element is configured correctly.
  • Schedule Announcement: Announce the stream on your website or social media to notify your audience.
  • Test Thoroughly: Before your live stream goes live, test the embedded stream to ensure it functions correctly and looks as expected on your Wix site.

Related Articles