My videos automatically open in full screen on mobile. Is there a way to fix this? | Experience Community
Skip to main content
Question

My videos automatically open in full screen on mobile. Is there a way to fix this?

  • February 21, 2022
  • 3 replies
  • 1568 views
L

The videos work well on desktop (no full screen), but on mobile they automatically open up in full screen, forcing participants to minimize the video. I'd prefer this not to happen but haven't found a way around it. I do have my videos autoplaying, so that might be involved. These are videos I've uploaded from my computer and not from youtube. I've attached the HTML of one of them below. Thank you for any suggested solutions.




3 replies

Rudi
QPN Level 3 ●●●
Forum|alt.badge.img+16
  • Rudi
  • QPN Level 3 ●●●
  • February 23, 2022

Hi Imullin,

You could try this for a simple solution without meddling with media queries ;-)

HTML:


 

CSS:
.video-wrapper {
 position: relative;
 padding-bottom: 56.25%;
 height: 0;
}
.video-wrapper object,
.video-wrapper embed,
.video-wrapper iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}

Best regards,

Rudi

H
Forum|alt.badge.img+2
  • hy9fesh
  • February 25, 2023

https://community.qualtrics.com/XMcommunity/discussion/comment/43921#Comment_43921I copied the exact code with the linked video and it worked beautifully on mobile. However, when I replaced with my own video URL ("https://uwmadison.co1.qualtrics.com/CP/File.php?F=F_9XmYKCiYTXrNNJ4"), it looks squished together on mobile and doesn't autoplay. I've attached an image of how it looks like on my end. I've replaced it with other videos I've uploaded on to Qualtrics and the results are similar. Any idea what's going on here?
IMG_0298.jpg

Rudi
QPN Level 3 ●●●
Forum|alt.badge.img+16
  • Rudi
  • QPN Level 3 ●●●
  • February 27, 2023

HI hy9fesh,

hard to say. Could you send me your preview link?

Best regards

Rudi

Terms & ConditionsAccessibility statement