Natural Resources I (8106800)
High School • Teacher: Dr. __________
Static course site HTML CSS

Embedded Links (Google Drive / OneDrive / YouTube)

This page helps you embed or link documents and videos into your course site. Your host is static HTML, so embedding is done with <iframe> or direct links.


Google Drive PDFs

  1. Upload PDF to Google Drive
  2. Right-click → Share → set access to Anyone with the link (or your domain users)
  3. Click Copy link
  4. Optional embed: File → ShareEmbed item (if available)

Example embed snippet (replace FILE_ID):

<iframe src="https://drive.google.com/file/d/FILE_ID/preview" width="100%" height="650" allow="autoplay"></iframe>

OneDrive / SharePoint

Use the embed code provided by OneDrive/SharePoint (“Embed”) and paste it into a page, or link directly.

YouTube

Example embed:

<iframe width="100%" height="450" src="https://www.youtube.com/embed/VIDEO_ID" 
title="YouTube video" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Best practice

  • Keep teacher keys in a password-protected folder.
  • For students, prefer PDFs in assets/files/ OR Drive preview embeds.