Embedding a mobile-compatible YouTube video | XM Community
Skip to main content
Question

Embedding a mobile-compatible YouTube video

  • February 9, 2021
  • 1 reply
  • 164 views
B

Hi,
I am new to Qualtrics and do not know how to code! However, I am trying to create a survey for my dissertation. I have learnt how to embed YouTube videos into the survey, however I do not understand how to make these mobile compatible.
I have tried to follow the guides on past forums which refer to CSS and a stylesheet, however I am not sure where to enter this code, or what a stylesheet is! Any help would be greatly appreciated!
Thank you so much in advance for your time :)
Becky

Abhishek_U

1 reply

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • February 9, 2021

If you know how to embed YouTube videos, you'll see that there is a 

width=
and 
height=
in the iframe declaration.
I suggest that you create two separate questions, one for mobile and one for desktop (wider), changing the height respectively, to keep the aspect aspect ratio. You can try out different widths and heights on your mobile phone to see which one fits your requirements the best. Alternatively, for the mobile version, you can just delete these two and let Qualtrics do it for you.
Then use the display logic to show one on mobile devices and other on everything else.
This will be a much more simpler than going into CSS media queries

Terms & ConditionsAccessibility statement