Embedding video in Google Sites allows you to enrich your pages with dynamic content, whether you are building a classroom portal, a project showcase, or a company intranet. The process is straightforward, yet understanding the different methods and their nuances ensures your media displays reliably across devices. This guide walks you through the native options, embedding from external sources, and best practices for maintaining fast, professional pages.
Preparing Your Video for Google Sites
Before you begin, consider where your video lives and which format offers the broadest compatibility. Google Sites works most seamlessly with videos hosted on YouTube or Google Drive, because these services integrate directly with the platform. If you have an MP4 file, uploading it to Google Drive and setting the sharing to "Anyone with the link can view" is the recommended path. For public-facing content, YouTube remains the most reliable choice, as its embed code is optimized to work in almost any browser without additional configuration.
Uploading to Google Drive
To use a video stored in Drive, first upload your file by clicking the "+ New" button in your Drive account. Once the upload finishes, right-click the video, select "Get link," and change the access to "Anyone with the link can view." Then, open the video in Google Drive by clicking its thumbnail, and use the "Present" button or the "Embed" option under the "More" menu to reveal the viewer code if needed. While Google Sites does not always pull the Drive viewer directly, having the shareable link is essential for the next steps.
Inserting a YouTube Video
The fastest method to embed video in Google Sites is using a YouTube link. Navigate to the page in edit mode, place your cursor where you want the player to appear, and click the "Insert" menu. Choose "Video," then paste the YouTube URL into the provided field. Google Sites automatically generates the embedded player, adjusting to a standard size that looks clean on both desktop and mobile. This method handles all the technical details, such as responsive scaling and playback controls, so you do not need to touch HTML.
Pasting a Standard Embed Code
If your video lives on another platform, such as Vimeo, Wistia, or a self-hosted solution, you will likely need to paste an embed code. In edit mode, click "Insert," choose "Embed," and then select "Embed by URL." Paste the full iframe code from the source platform, and Google Sites will attempt to render the player. Note that some advanced embed features, like custom JavaScript or deeply nested iframes, might not function as expected. Keeping the embed code simple and using a trusted provider reduces the risk of display issues or broken layouts.
Adjusting Size and Layout
After embedding, you may need to adjust the player to fit your design. In edit mode, click the embedded video to reveal resizing handles, allowing you to change the width while maintaining the aspect ratio. For more precise control, switch to the HTML view by selecting the embed block and clicking "<> More," then "HTML." Here you can modify width and height values, but it is generally safer to rely on the visual editor to prevent accidental code errors. Consistent sizing across multiple videos helps your site appear polished and professional.
