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

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.




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

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

HI hy9fesh,

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

Best regards

Rudi

Leave a Reply


Terms & Conditions