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.
Question
My videos automatically open in full screen on mobile. Is there a way to fix this?
+16Hi 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
+2https://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?
+16HI hy9fesh,
hard to say. Could you send me your preview link?
Best regards
Rudi
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.