How do I get a video to play automatically, be full-screen, and not display any controls? | XM Community
Skip to main content

How do I get a video to play automatically, be full-screen, and not display any controls?

  • January 30, 2020
  • 5 replies
  • 3716 views
B
I am trying to embed a video, either from Youtube or my files (not sure which one is easier with what I am hoping to do), that plays full-screen and automatically when displayed and does not show any controls. Ideally, I would like the ability to click somewhere on the video to allow it to pause and re-click to start again, but only this feature. I assume I would need a custom code in order to accomplish this (if at all possible), however I am very much a novice when it comes to this. Any suggestions would be appreciated!!

5 replies

rondev
Level 6 ●●●●●●
Forum|alt.badge.img+22
  • rondev
  • Level 6 ●●●●●●
  • January 30, 2020
If you can add video via your file and HTML file attribute you can easily remove controls by not adding control attribute to video tag. Create a toggle functionality button to start or pause the video. For Play/ Pause: jQuery('video').trigger('play'); jQuery('video').trigger('pause'); For full screen check here
Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
N
Forum|alt.badge.img+2
  • NeoNorth
  • August 28, 2020

Hi! Did you happen to figure out the code to do this? Thank you!

S
  • San
  • November 5, 2020

Hi!
I'm trying to figure this out too - I would also like my video to autoplay while having all of the controls disabled.
My original code to embed the video without including any autoplay or invisible divs looks like this:

If anyone could help me out with this, that would be absolutely amazing. I'm very new to coding and have been trying to figure this out for days.

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • December 3, 2020

You need to do two things:
1. Add autoplay to your YouTube.com URL. Copy the entire URL and this at the end. The "&controls=0" hides the controls, but people can still click on the video to pause it.
?autoplay=1&controls=0
2. Next you'll need to use JS to disable clicks on your question.
document.getElementById(this.questionId).style.pointerEvents = "none";
Here's a working demo: https://iima.au1.qualtrics.com/jfe/form/SV_a59xW4WRdTsd4vH

H
Forum|alt.badge.img+1
  • hzhang4
  • June 20, 2022

https://community.qualtrics.com/XMcommunity/discussion/comment/32263#Comment_32263Hi ahmedA,
Thanks for the really simple and understandable coding. I tried the working demo but the video just could not start playing.

Terms & ConditionsAccessibility statement