Embed YouTube video into a SKUID Page

  • 1
  • Question
  • Updated 4 months ago
  • Answered
Is it possible to embed a YouTube video into a SKUID page?  I tried using a Template with an iframe, no luck there. 

How would this best be accomplished? 

I am just getting started with SKUID.
Photo of Jason Thurgood

Jason Thurgood

  • 654 Points 500 badge 2x thumb
  • Confused

Posted 4 years ago

  • 1
Photo of Jason Thurgood

Jason Thurgood

  • 654 Points 500 badge 2x thumb
Figured it out using a custom component - looks something like this:

1. Created JavScript Resource - Named introVideo

         '<iframe width="600px" height="400px" src="YOUTUBE VIDEO URL"; frameborder="0" allowfullscreen></iframe>'


2. Added Custom Component with ComponentType set to introVideo

Seems to work,  Not sure if that was the correct approach, but its working.
Photo of Abhishek Sinha

Abhishek Sinha

  • 60 Points
I will try this. Thanks for the Custom Component
Photo of Anna Wiersema

Anna Wiersema, Official Rep

  • 10,920 Points 10k badge 2x thumb
Hey Jason, that's so cool that you made a custom component!  It should also work with a template in an iframe, make sure you check "allow HTML" for your template. I just got it to work via a template, so let me know if you are still having problems. I used the embed html provided by youtube:

<iframe width="560" height="315" src="https://www.youtube.com/embed/fh0NLQJfAYU" frameborder="0" allowfullscreen></iframe>
Photo of Irvin Waldman

Irvin Waldman, Champion

  • 9,026 Points 5k badge 2x thumb
Issue may have been that you were using HTTP instead of HTTPS?

<skuidpage unsavedchangeswarning="yes" showsidebar="true" showheader="true">   <models/>
      <template multiple="false" model="" allowhtml="true">
         <contents>&lt;object data="https://www.youtube.com/embed/uVD3KPUnKHk";
   width="560" height="315"&gt;&lt;/object&gt;</contents>
Photo of sam jonas

sam jonas

  • 70 Points
Thank you for showing it like a tutorial
Photo of Harshita Shetty

Harshita Shetty

  • 60 Points
Thanks a lot!!!
Photo of stella theresa

stella theresa

  • 70 Points
okay cool