Forum Discussion

BrandonHudson-0's avatar
BrandonHudson-0
Community Member
3 months ago

IFrame embed not working properly

Articulate Rise is not properly displaying Iframe embedded objects. See the attached image. Its basically displaying it as like a banner or something. I've done nothing weird with the iframe code. Just looks like this and then comes out looking like the attached. Please let me know if someone can replicate this issue.

<iframe src="https://www.youtube.com/embed/F3inX3-VtOk?si=iFlfsRLikjzavNzc" width="100%" height="100%"></iframe>

  • Hi Brandon,

    I am able to replicate your issue.

    A quick fix is simply changing the percentage of the height parameter. Here is the embed code with that simple fix.

    <iframe src="https://www.youtube.com/embed/F3inX3-VtOk?si=iFlfsRLikjzavNzc" width="200%" height="900%"></iframe>

    If I understand HTML code correctly, you are also not restricted to using percentages. Changing the percent parameters to numbers may allow you to specify the pixel sizes for width and height. Here is some embed code that I tried doing that.

    <iframe src="https://www.youtube.com/embed/F3inX3-VtOk?si=iFlfsRLikjzavNzc" width="1000" height="600"></iframe>

    • BrandonHudson-0's avatar
      BrandonHudson-0
      Community Member

      That worked! Much appreciated! Weird that is now happening, but whatevs...this workaround works!

  • Good that it's working for you.

    P.S.-Nice to meet someone that works for BAH. If you think I can be of more help in the future, shoot me a message via memorablelearning.com or LinkedIn.