YouTube 360° video loses drag-to-rotate interactivity in Qualtrics (works fine on youtube.com) | Experience Community
Skip to main content
MichaelC
Administrator
1 year ago
Solved

YouTube 360° video loses drag-to-rotate interactivity in Qualtrics (works fine on youtube.com)

  • August 17, 2026
  • 3 replies
  • 29 views
H
Forum|alt.badge.img

I'm trying to embed a 360-degree YouTube video into a survey question using a standard iframe in the HTML View of the Rich Content Editor:

 

The problem: The video plays and all standard controls (play/pause, volume, fullscreen, progress bar) work correctly, but the 360° drag-to-rotate interaction does not work at all. When I open the exact same video directly on youtube.com, the compass/direction icon appears in the player and I can freely drag to look around, so the video file itself is correctly tagged with spherical metadata.

What I've already ruled out:

  • The allow attribute (including gyroscope and accelerometer) is present and preserved in the final rendered page (confirmed via DevTools Elements panel on the published survey link, not just the editor preview)
  • No sandbox attribute is present on the iframe
  • No custom CSS or JavaScript has been added to this survey (it's a brand new project)
  • Increasing the iframe dimensions (tested up to 960x540) does not resolve it, and does not remove the super-small-embeds-layout-enabled class that appears in the YouTube player's internal DOM at smaller sizes
  • Right-clicking "Inspect" directly on the video does reach YouTube's own player DOM (not blocked by an overlay).

Questions:

  1. Has anyone successfully embedded an interactive 360° YouTube video in a Qualtrics survey?
  2. Does Qualtrics apply any additional restriction (at the platform/server level, e.g. via Permissions-Policy, sandboxing, or touch-event handling) to iframe content that might affect WebGL-based rendering like YouTube's 360° player, beyond what's visible in the question's HTML source?
  3. Is there a recommended alternative method for embedding interactive 360° video content in Qualtrics?

Any guidance, or confirmation that this is a known limitation, would be really helpful. 

Best answer by Tom_1842

Hi, I can confirm that YouTube 360 videos do not retain their native drag functionality when embedded in a Qualtrics survey page. However, I was able to get two approaches working, both of which are included in the attached QSF:

  1. Transparent Overlay Approach: A transparent overlay is added on top of the player once the video starts and removed when the video is paused. The overlay captures mouse and touch events and updates the video's 360° position through the YouTube API. A simple click/tap pauses or resumes the video, while a click-and-drag (or touch-and-drag) interaction is used to look around the scene.
  2. Button-Based API Controls: Uses the method described in the YouTube Player API documentation. Buttons are used to adjust the video's yaw, pitch, roll, and fov values through the API. It's definitely a more manual way to explore the scene, but it's also the most straightforward and officially supported way to retain 360 navigation functionality within Qualtrics.

Example Survey

    3 replies

    TusharDalwani
    QPN Level 6 ●●●●●●

    Hi, Since it is a 360° video, you can link it in the Qualtrics survey and respondents can view it on youtube and return back to the survey.

    ~Tushar Dalwani
      Tom_1842
      Level 8 ●●●●●●●●
      Forum|alt.badge.img+28
      • Tom_1842
      • Level 8 ●●●●●●●●
      • Answer
      • August 17, 2026

      Hi, I can confirm that YouTube 360 videos do not retain their native drag functionality when embedded in a Qualtrics survey page. However, I was able to get two approaches working, both of which are included in the attached QSF:

      1. Transparent Overlay Approach: A transparent overlay is added on top of the player once the video starts and removed when the video is paused. The overlay captures mouse and touch events and updates the video's 360° position through the YouTube API. A simple click/tap pauses or resumes the video, while a click-and-drag (or touch-and-drag) interaction is used to look around the scene.
      2. Button-Based API Controls: Uses the method described in the YouTube Player API documentation. Buttons are used to adjust the video's yaw, pitch, roll, and fov values through the API. It's definitely a more manual way to explore the scene, but it's also the most straightforward and officially supported way to retain 360 navigation functionality within Qualtrics.

      Example Survey

        H
        Forum|alt.badge.img
        • Henry
        • Author
        • August 17, 2026

        Hi, I can confirm that YouTube 360 videos do not retain their native drag functionality when embedded in a Qualtrics survey page. However, I was able to get two approaches working, both of which are included in the attached QSF:

        1. Transparent Overlay Approach: A transparent overlay is added on top of the player once the video starts and removed when the video is paused. The overlay captures mouse and touch events and updates the video's 360° position through the YouTube API. A simple click/tap pauses or resumes the video, while a click-and-drag (or touch-and-drag) interaction is used to look around the scene.
        2. Button-Based API Controls: Uses the method described in the YouTube Player API documentation. Buttons are used to adjust the video's yaw, pitch, roll, and fov values through the API. It's definitely a more manual way to explore the scene, but it's also the most straightforward and officially supported way to retain 360 navigation functionality within Qualtrics.

        Example Survey

        Thank you so much!

        This is exactly what I needed. Both approaches work really well, and the code was clear enough that I could easily adapt it for my use case (I ended up going with the button method). Really appreciate you sharing the full QSF, saved me a huge amount of time.

        Terms & ConditionsAccessibility statement