Forum Discussion
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>
- KendalRasnake-1Community Member
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-0Community Member
That worked! Much appreciated! Weird that is now happening, but whatevs...this workaround works!
- KendalRasnake-1Community Member
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.