Youtube widget not showing videos on preview or live form

  • jaegermb
    Asked on January 7, 2018 at 12:09 PM

    Help,


    My jotform pages when I go to the URL in my browser will not show up.  I was alerted to this by another team member who also cloned my page.  I check my other team members and its the same.


    I go to edit the page and the youtube videos show up fine.  I press publish again, go to look at  the url and they do not show up.

    I have gone to the youtube channel and they are available also.

    Can you explain or assist?

    Thank you,

    Mary Beth Jaeger

    Jotform Thread 1341345 Screenshot
  • jonathan
    Replied on January 7, 2018 at 2:24 PM

    Hi Mary,

    I was able to reproduce the issue. I see the youtube video within the Form Builder but not in the preview or live form.

    1515351679zzz 2018 01 08 03 Screenshot 10


    it seems the issue was due to problem on the Youtube widget

    1515352731zzz 2018 01 08 03 Screenshot 21

    ---

    For temporary quick fix, I suggest you use the TEXT field instead to embed the youtube videos on your form. Get the iframe embed code of the youtube videos and add them to the form using the TEXT field.

    Example:

    1515352814zzz 2018 01 08 03 Screenshot 32


    You can review the workaround fix working on my test form https://www.jotform.com/80065095641960

    If Ok with you, you can also just clone my test form so that you can have the fixed version of the form. You can edit the form in your Form Builder and update as needed.

    User guide: How to Clone an Existing Form from a URL

    I will send a bug ticket report to the next level support regarding the problem with the Youtube widget so that they can fix it as well.

    I hope this help. Let us know if you require further assistance on this.


  • jaegermb
    Replied on January 7, 2018 at 2:46 PM

    I tried to delete the first video.....then used the text field like you suggested,  the put this from youtube....  <iframe width="640" height="360" src="https://www.youtube.com/embed/OUbSaBiOs-Y" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen></iframe>      Which is the iframe you explained, and put it in the Text Field, but it just shows the words, not the video.  The one you cloned  has a big space between the videos and it will be a different jotform URL making this complicated to have each team member change it.  Can you be clearer on how to use the iframe from each video and where to input them to show the video ?  Thank you, Mary Beth


  • jonathan
    Replied on January 7, 2018 at 4:11 PM

    I apologize for not providing the clearer details previously. What I meant was to use the youtube iframe embed code to the source code of the TEXT field. The TEXT field should contain only the iframe embed code.

    Please refer to the screencast video below for guide.

    Youtube widget not showing videos on preview or live form Image 10


    Steps:

    1. Open the source code editor of the TEXT field.

    2. Paste the iframe embed code of youtube video in the source code editor.

    3. Click OK to save source code

    4. Save the TEXT field changes.