Embedded video is too small

  • Profile Image
    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?

     

  • Profile Image
    Jan
    Answered on February 26, 2017 at 04: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.

    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:

    Hope that helps. Thank you.

  • Profile Image
    NgeeAnnPolytechnic
    Answered on February 26, 2017 at 10:57 PM

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

  • Profile Image
    ashwin_d
    Answered on February 27, 2017 at 03: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:

     

    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!