Step 10: Adding a YouTube Video

Goal: Embed a YouTube video and keep it responsive.

What to do

  • Watch 30–60 seconds of the video.
  • Pause and build that exact part in Dreamweaver.
  • Save and preview in your browser.
  • Fix anything that looks wrong before moving on.

Tips & things to consider

  • Use the embed code (iframe), not a copy/paste of the page link.
  • Make the video responsive so it works on phones.
  • Keep videos relevant and school-appropriate.

Common mistakes

  • Forgetting to define your site in Dreamweaver (links/images break).
  • Using spaces or random names for files (hard to link later).
  • Working in Live View and getting confused when edits don’t behave as expected.

Check your work

  • My file names are clear and consistent.
  • My links work (no broken pages).
  • My media loads (images/videos/maps show correctly).
  • My page looks OK on a small screen.