How to Insert a YouTube Video into Your Website with BlueGriffon

Embed a YouTube Video in a Web Page


How to Insert a YouTube Video into Your Website with BlueGriffon

by Christopher Heng, thesitewizard.com

One of my visitors asked me how he could insert a YouTube video into his web page using the free BlueGriffon web editor. This article shows you how this can be done.

Prerequisites

This tutorial assumes the following.

How to Embed a YouTube Video into Your Web Page with BlueGriffon

  1. Open your YouTube video in a web browser and let it play.

  2. While it is playing, click your right mouse button on the video. A menu should appear.

  3. Click the menu item that reads "Copy embed code".

  4. Start up BlueGriffon if you have not already done so, and open the web page into which you want to insert the video.

  5. Click the spot on the page where you want the video to appear. This will put your text cursor at that location.

  6. Click the "Source" button at the bottom of the BlueGriffon window. The web editor should now display the underlying HTML for your page.

  7. Click "Edit" on the menu bar, followed by "Paste" in the drop-down menu that appears.

  8. The code for the video should appear in the place where your text cursor was located. It should look something like this:

    <iframe width="854" height="480" src="https://www.youtube.com/embed/tIBxavsiHzM" frameborder="0" allowfullscreen></iframe>

    (Note, the above example is for an actual video, my contact form video tutorial, and as such, it will not be identical to what you get for yours. For example, the video identifier that occurs after the word "embed" will definitely be different.)

  9. Click the "Wysiwyg" button at the bottom of the BlueGriffon window to return you to the visual editing mode, then save the page and publish it to your site in the usual way.

  10. Start up your web browser and go to the web page that you just uploaded to test the result.

    Note that the insertion of the YouTube video will probably mean that your web page is no longer mobile-friendly. By default, if you have created your site using my BlueGriffon 2 tutorial, your pages will adapt to mobile screen sizes as needed. However, any page containing the YouTube embed code will not, since the video has such a large default fixed width, exceeding the widths of some mobile devices.

And yes, this procedure is the mostly the same as that for inserting any HTML code into a web page with BlueGriffon.

Copyright © 2016-2017 Christopher Heng. All rights reserved.
Get more free tips and articles like this, on web design, promotion, revenue and scripting, from https://www.thesitewizard.com/.

thesitewizard™ News Feed (RSS Site Feed)  Subscribe to thesitewizard.com newsfeed

Do you find this article useful? You can learn of new articles and scripts that are published on thesitewizard.com by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at https://www.thesitewizard.com/thesitewizard.xml. You can read more about how to subscribe to RSS site feeds from my RSS FAQ.

Please Do Not Reprint This Article

This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.

Related Articles

New Articles

Popular Articles

How to Link to This Page

It will appear on your page as:

How to Insert a YouTube Video into Your Website with BlueGriffon





Home
Donate
Contact
Link to Us
Topics
Site Map

Getting Started
Web Design
Search Engines
Revenue Making
Domains
Web Hosting
Blogging
JavaScripts
PHP
Perl / CGI
HTML
CSS
.htaccess / Apache
Newsletters
General
Seasonal
Reviews
FAQs
Wizards

 

 
Free webmasters and programmers resources, scripts and tutorials
 
HowtoHaven.com: Free How-To Guides
 
Site Design Tips at thesitewizard.com
Find this site useful?
Please link to us.