Embedded video is too small

  • NgeeAnnPolytechnic
    Asked on February 26, 2017 at 11:31 AM
    the YouTube video on the second page, it looks abit small on desktop pc.  what should be the setting so that it's responsive / optimal for both desktop and mobile? thanks.

    These pages look abit weird..any idea how?

     

  • Jan
    Replied on February 26, 2017 at 4:58 PM

    I cloned your form and I can see that you are using the "Text" tool to embed the video. The width of the iFrame video is 560px and the height is 312px.

    Would you like to increase the full width of the video? If yes, then please change the iFrame's width to 100% and height to 500px.

    Embedded video is too small Image 1 Screenshot 30

    After that, please insert this custom CSS code:

    #id_167 {
    width: 100% !important;
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Embedded video is too small Image 2 Screenshot 41

    Hope that helps. Thank you.

  • NgeeAnnPolytechnic
    Replied on February 26, 2017 at 10:57 PM

    dear sir, i followed the 100% width - now it appears worse...any idea?

    Embedded video is too small Image 1 Screenshot 20

  • Ashwin JotForm Support
    Replied on February 27, 2017 at 3:49 AM

    Hello NgeeAnnPolytechnic,

    I did check your form and found that you had enabled the "Shrink" attribute of the text field. That was causing the issue and your iFrame was displayed small. Please check the screenshot below:

    Embedded video is too small Image 1 Screenshot 20

     

    I have fixed this issue in your form and the video is displayed correctly with full width.

    Hope this helps. Do get back to us if you need any other changes.

    Thank you!