How to embed a YouTube video or Google Map into your webpage

This I.T.ZAP Webmaster Video demonstrates how you can embed a YouTube Video or Google Map into your webpage and then apply a mobile friendly responsive CSS style to make the video automatically resize to fit the website visitor's screen width.

Please note that the advice given here is only relevant to websites built for clients of I.T.ZAP Website Design Works.

Key Steps

Watch on YouTube to find Chapter Marks in the video description. Click any Timestamp below to jump to that topic.

00:00 - Copy the YouTube Video Embed <iframe> Code Snippet.

01:09 - View your webpage Source Code, then Paste the YouTube <iframe> Code Snippet into your webpage.

03:25 - Exit Source Code view, Click on the <iframe>, Open the Styles Menu and select either p.video or p.video100

04:24 - If desired, add a Caption underneith the Video, select that Caption paragraph, open Styles Menu and select p.photo-caption

05:08 - Embed a Google Map using the same procedure.

« Previous | Next »

https://itzap.com.au/ https://itzap.com.au/pics/itzap-ecommerce-templates-accredited-specialist.jpg

117 Princes Highway Lucknow Victoria 3875 AU

+613 499 347 269 $399 to $1,500