Step 11: Embed an MP4 Video Exported from Canva
Goal: Export an MP4 from Canva and embed it into your site.
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
- Export MP4 at a sensible resolution (720p is usually enough).
- Keep file size down — huge MP4s will load slowly.
- Store videos in your project folder and link them correctly (e.g., video/ folder).
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.
The HTML code you need (click to copy)
Create a folder called video in your site and place your Canva MP4 inside it.
For example: video/banner.mp4
<video width="640" height="360" controls> <source src="video/banner.mp4" type="video/mp4"> Your browser does not support the video tag. </video>
Click this box to copy the code