iFrame resolution problem

  • 1
  • Question
  • Updated 3 months ago
I have a modal popup iframe in jquery on my page. If I embed one of my video from my youtube channel, the video resolution is automatically updated according to the idframe width and height. But this is not the case if I embed one of my video from screencast.com. How come ? Is there a workaround ?
Photo of MarcVanUytvanck


  • 1 Post
  • 0 Reply Likes

Posted 3 months ago

  • 1
Photo of ATMeyer Consultants

ATMeyer Consultants

  • 50 Posts
  • 27 Reply Likes
Hello Marc,

Have you tried simply using the embed code from screencast.com

<iframe class="embeddedObject shadow resizable" name="embedded_content" scrolling="no" frameborder="0" type="text/html" 
        style="overflow:hidden;" src="https://www.screencast.com/users/ATMeyer/folders/Tutorials/media/d53f8da3-a509-4c49-98fb-2e4f0b5be90...; height="1080" width="1920" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

If you would like to change the size of the video adjust the height and width.  For it to be adaptive, I simply change the code to this: height="100%" width="100%" and play with it until it works the way I want it to.

I hope this helps!