Skip to main content

How to Embed Youtube Videos in HTML Webpages Using GoLive or Dreamweaver

YouTube for Dummies - Part Two

It is fairly simple to insert a YouTube Video in a blog but when you are designing a website inside WYSIWYG HTML editors like Adobe Golive CS2, Frontpage or Macromedia Dreamweaver, embedding that Flash Movie might involve some effort.

Amrita Douglas writes from New York:
I'm going a bit nuts from trying to embed YouTube video in a site I'm preparing as a demo for something larger. I'm a newbie, using Adobe GoLive, which seems easiest and most familiar in many ways.

It's a snap embedding YouTube vids in my blog, too, as blogspot is set up for simplicity, but I just can't figure out how to do this in GoLive at all. Please help!
Most HTML editors like Golive or Dreamweaver offer a Split HTML Source Code view meaning you can view / edit your site layout and HTML source simultaneously. Switch to the Split view by choosing "Show Split Source" from the View Menu.

Youtube Embed CodeOpen the Youtube video that you like to embed in your HTML webpage. Select & copy the entire HTML code from the "Embed HTML" box.

The final step - place your cursor in the Layout View of Golive where you have to place that Youtube Video. Now click inside the "Source View" and paste the Youtube HTML code from the clipboard. That's it.

You can tweak the various parameter of the embedded video like Width, Height, Autoplay, etc directly from the GUI of Golive. Just remember that it may not be possible to preview the Youtube Video inside the HTML authoring tool but when the saved page is viewed inside a browser, the video would play just perfect.

The above technique would work with just any multimedia format including MP3 audio, Real Video, Quicktime MOV video or Windows Media files.

Part I of Youtube Series: How to Play YouTube Videos Smoothly

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include...
Read more

Firefox Keyboard Shortcuts for Power Users

All features in Mozilla Firefox browser are accessible through the use of the keyboard. You can use shortcut keys to view and save Web pages, search the web, open new webpages, work with bookmarks, or find text on the current webpage. Some of the most common keyboard shortcuts in Mozilla Firefox are Ctrl+N (to open a new Firefox window), Ctrl+T (to open a new tab), Ctrl+F4 (to close the current tab) and Ctrl+S to save the current webpage. Mozilla Firefox supports many more powerful keyboard shortcuts. For instance, by pressing a simple key combination, you can manually delete autocomplete entries from the Firefox location bar or Web forms. I am sharing a list of my favorite Mozilla Firefox Keyboard Shortcuts that make web browsing with Firefox even more fun . And you also save your precious time as navigating through several layers of Firefox Toolbar menus is no longer necessary. 1. Web Search Ctrl+K moves the cursor to the Search Bar. You can then type in the terms you wish to fin...
Read more

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.
Read more