Embedding Videos

Embed a video on a website

  1. Open the video page of the video you want to embed.
  2. Click on the "Social/Share" icon near the bottom-right corner of the video. An overlay should open showing different options of how you can share this video. The embed code should look something like:

    <iframe width="854" height="480" src="https://www.brighteon.com/embed/5807582340001" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

  3. Click inside the "Embed Code" text input box. The embed code should now be automatically selected. If it is not, right-click on the text with your mouse and choose "Copy" or copy the text using keyboard commands.
  4. Paste this embed code into the source code of your website where you want it to go.
  5. To change the size of the embedded video, you can alter the width and height attributes of the <iframe>. Find the width and height pixel sizes and change them to best fit your website.

    Recommended Sizes:

    width="320" height="180"

    width="600" height="337"

    width="640" height="360"

    width="854" height="480"

  6. Test your website or webpage. If the video looks correct, you're finished.

Embed a video in a WordPress post

  1. Open the video page of the video you want to embed.
  2. Click on the "Social/Share" icon near the bottom-right corner of the video. An overlay should open showing different options of how you can share this video. The embed code should look something like:

    <iframe width="854" height="480" src="https://www.brighteon.com/embed/5807582340001" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

  3. Click inside the "Embed Code" text input box. The embed code should now be automatically selected. If it is not, right-click on the text with your mouse and choose "Copy" or copy the text using keyboard commands.
  4. Open the post in WordPress you wish to embed this video it.
  5. Click the "Text" tab in the editor to view the html code of the post.
  6. Paste the embed code where you want the video to appear.

  7. To change the size of the embedded video, you can alter the width and height attributes of the <iframe>. Find the width and height pixel sizes and change them to best fit your WordPress post.

    Recommended Sizes:

    width="320" height="180"

    width="600" height="337"

    width="640" height="360"

    width="854" height="480"

  8. Click the "Visual" tab to see the video within the text of your WordPress post. If it looks correct, you're finished.

Notes:

  • If the video does not appear correctly, please double-check that you copied and pasted the entire embed code.
  • This embed code does not scale responsively by default. This will need to be handled on your website using css, etc. Please talk with your website manager or web designer for additional help.