The YouTube Element lets you embed YouTube videos directly into your project. Rather than hosting video files yourself, you link to any public YouTube video and it plays inline — keeping your project lightweight while leveraging YouTube's global delivery infrastructure.
A YouTube Element is a dedicated block that renders an embedded YouTube player inside your layout. It accepts a standard YouTube video URL or an embed code and displays the video with full playback controls. Unlike a local video element, the YouTube Element streams content directly from YouTube's servers — meaning no upload or storage is required on your end.
Key characteristics of the YouTube Element:
- Embeds any public or unlisted YouTube video by URL or embed code
- Streams video from YouTube — no file hosting required
- Supports autoplay, loop, and mute settings
- Requires an active internet connection at playback time
You can add a YouTube video to the element in two ways: by pasting a video URL or by using an embed code copied from YouTube.
Using a Video URL
This is the quickest method. Copy the URL from your browser's address bar while viewing the video on YouTube, then paste it into the URL field of the YouTube Element. Both standard and shortened URL formats are accepted:
- Standard: https://www.youtube.com/watch?v=VIDEO_ID
- Shortened: https://youtu.be/VIDEO_ID
Autoplay and Loop Settings
The YouTube Element provides autoplay and loop toggles that control how the video behaves when a viewer reaches it.
Autoplay
When autoplay is enabled, the video begins playing as soon as the element is visible — without the viewer pressing play. This is useful for background videos, demo reels, or attention-grabbing hero sections.
Loop
Enabling loop causes the video to restart automatically when it reaches the end. Loop is commonly paired with autoplay for ambient or background video use cases where continuous playback is desired.
Modern browsers enforce a strict autoplay policy: videos with audio will not autoplay unless the user has previously interacted with the page. To guarantee autoplay works across all browsers and devices, the video must be muted.
Important rules to keep in mind:
- Always enable Mute when using Autoplay — this is required by Chrome, Safari, Firefox, and Edge
- If autoplay is off, the video can play with sound once the viewer presses play
- Muted autoplay is ideal for background or decorative video; avoid it for content where audio is essential
- If your video relies on narration or music, leave autoplay off so viewers can choose when to engage
- HipDeck’s signage player provides a menu where videos can be muted/unmuted according to your needs.
- NOTE: You only have to click unmute once for the entire playlist to unmute. New videos will play with sound after loading if unmuted.
Because the YouTube Element streams video from YouTube's servers, a live internet connection is required every time the video is viewed. This has several practical implications:
- Offline environments: The video will not load or play if the viewer's device has no internet access. Consider a local video element for kiosk, trade show, or offline presentation scenarios.
- Slow connections: Buffering may occur on low-bandwidth networks. YouTube will automatically adjust quality to match available bandwidth, but very slow connections may still cause interruptions.
- Restricted networks: Some corporate, school, or public networks block YouTube. Viewers on these networks will see a blank player or an error message.
- Geographic restrictions: If the YouTube video has regional restrictions set by the uploader, viewers in blocked regions will be unable to watch it.
YouTube manages video quality automatically based on the viewer's connection speed and device capabilities. By default, the player selects the best available quality — up to the maximum resolution the video was uploaded in (e.g., 720p, 1080p, or 4K).
What this means in practice:
- You do not need to manually configure quality — YouTube's adaptive bitrate streaming handles it automatically
- For the best possible quality, upload your source video to YouTube at the highest resolution available (1080p or higher recommended)
- Viewers can manually override quality in the YouTube player's settings gear icon if they prefer a specific resolution
- Quality cannot be locked or forced from the embed configuration — this is a YouTube platform limitation
Choosing between a YouTube Element and a local video element depends on your delivery context, connectivity requirements, and content type. Use the guidance below to make the right choice.
Use YouTube When…
- Your audience will always have a reliable internet connection
- The video is long-form (tutorials, webinars, product demos) and file size would be impractical to host locally
- The video already exists on YouTube and you want to avoid re-uploading or managing a separate file
- You want YouTube's adaptive quality and global CDN to handle delivery automatically
- Storage or bandwidth costs are a concern
Use Local Video When…
- The project will be used offline (kiosks, trade shows, presentations without Wi-Fi)
- You need guaranteed playback regardless of network conditions
- The video is short and lightweight (e.g., a looping background clip or a brief animation)
- Your audience may be on restricted networks that block YouTube
- You want full control over the video file and do not want it publicly accessible on YouTube
