Embedding a video in Google Sites lets you share dynamic content directly inside your page without complicated code. With a few clicks, your site can display YouTube, Vimeo, and other supported videos that play smoothly for visitors.
This guide walks you through the simplest, most reliable way to add videos, plus tips for placement, sizing, and troubleshooting so your media performs consistently.
| Step | Action | Where in Google Sites | Result |
|---|---|---|---|
| 1 | Open the page in edit mode | Google Sites editor | Enables insertion and editing tools |
| 2 | Insert > Embed | Top toolbar | Opens the embed dialog for external code |
| 3 | Paste video URL or embed code | Embed dialog | Previews the embeddable player |
| 4 | Resize and position the player | On the canvas | Controls layout and readability |
| 5 | Save and preview | Save button and preview mode | Confirms playback on different devices |
Preparing Your Video for Embed
Before you add a video, ensure it is published and accessible. For YouTube, this means the video is set to Public or Unlisted, and you have the share URL. Hosting videos on Google Drive or other platforms can require extra permission adjustments for smooth embedding.
Check that the video plays outside your site first, then copy either the full URL or the embed HTML provided by the host service. Keep the source link stable so your Google Sites page continues to load the video without broken links or permission errors.
Consider file size and load time, especially for self-hosted videos. Compressing large files or choosing a reliable provider reduces buffering and improves viewer experience on mobile networks.
Adding an Embedded Video Step by Step
Start by opening Google Sites and selecting the page where you want the video to appear. Enter Edit mode so you can insert new content and adjust layout details.
Click Insert and choose Embed. In the dialog box, paste the video URL or embed code from your hosting service. Google Sites processes the link and usually displays a preview of the video player on the page.
After embedding, drag the player to your preferred location and use the handles to set an appropriate width and height. Save your changes and use Preview to confirm that the video loads and plays correctly for all visitors.
Responsive Design and Mobile Playback
Modern Google Sites pages adapt to different screen sizes, and embedded videos should resize cleanly on phones and tablets. When you place the embed inside a responsive grid or column, it often scales with the layout instead of overflowing the design.
Test playback on both desktop and mobile devices, since some browsers and platforms handle autoplay and sound policies differently. Adjust the width and aspect ratio so text beside or below the video remains readable on small screens.
If a video appears too large on mobile, reduce its width in the editor rather than changing embedded code, which keeps your embed stable across devices and future edits.
Troubleshooting Common Issues
Occasionally, an embedded video may show a gray box or fail to load due to incorrect permissions or an outdated embed code. Verify that the original video is still published and that sharing settings allow access to viewers who are not signed in.
Slow loading can happen if multiple heavy embeds appear on the same page. Replace duplicate or unnecessary players with a single, well-positioned video, or split content across multiple pages to speed up page load times.
For security, some institutions restrict certain embed sources. If a video refuses to play at work or school, try hosting it on a widely accepted platform such as YouTube or Vimeo and then re-embedding the approved URL.
Final Best Practices for Video Embeds
- Use stable, publicly accessible links from trusted hosts such as YouTube or Vimeo
- Test playback on desktop and mobile before publishing
- Keep video files or streams optimized for fast loading
- Place videos near related text so context remains clear
- Re-check embeds after major site updates or URL changes
FAQ
Reader questions
Can I embed a video that is not on YouTube?
Yes, you can embed videos from Vimeo, Google Drive, or other supported services by pasting their share URL or embed code into the Embed dialog.
Why does my video not autoplay on mobile?
Mobile browsers often block autoplay with sound, so the video may load but remain paused until the visitor taps play.
How do I stop a video from loading until I click play?
Use the embed options from YouTube or Vimeo to disable autoplay, or remove the autoplay parameter from the embed code before inserting it.
What should I do if the embedded video shows gray instead of playing?
Check that the original video is still published, the sharing settings are correct, and the URL or embed code is pasted accurately into the Embed dialog.