How to Embed YouTube Videos

Structured Data Tutorials by RankYa

In 2016 internet world, YouTube videos can be used for many different reasons. Most website and small business owners feel that its hard to get in YouTube for marketing, however, there are countless opportunities for creating video content. For example: if you are a manufacturer of garment, then perhaps you could create videos showing the process of your manufacturing of your garments and highlight the points of quality control.

Another example to use YouTube for marketing could be that if you are a personal fitness trainer, then you could start a serious of how to exercise programs. You could do comparison type of videos for your products, or, simple reviews. At the end of the day “simply start marketing on YouTube and carve your niche”.

Embedding YouTube Videos

Videos can provide better user experience and compliment your web page content, from YouTube can be accomplished as outlined in the below video tutorial by RankYa.

To make your videos responsive so that it resizes perfectly on mobile devices, wrap the <iframe> within another div and use this simple CSS code to style that div element.

.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}
.video-container iframe, .video-container object, .video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

Now your embedded videos will render perfectly responsive on any device whether mobile or desktop.

But hold on there, because there is actually a better way to embed YouTube videos if you are using a WordPress Content Management System, here’s the plugin I use on RankYa SEO Blog YouTube embeds (this plugin is now FREE) and will add Structured Data as well as fully responsive videos in WordPress built sites.

72 / 259 Malvern Rd Melbourne Australia 3141

+61421600702 $$

Author: RankYa

RankYa: Online Entrepreneur, Web Developer, Google AdWords and Google Analytics Certified Professional. Specialist in: Structured Data, Microdata, Microformats, RDF, Schema.org Vocabulary, HTML5, WordPress optimization, Advanced Image Optimization, Google Webmaster Tools, Social Media Marketing, Facebook marketing and YouTube video ranking mastery. Check out the latest 2017 Online Marketing course. View all posts by

2 thoughts on “How to Embed YouTube Videos”

  1. Robert Tanguay

    Thanks, this pretty much works, but I am having an issue with the video overlapping the body image slightly on the right.

    Any thoughts?

    Thank you for your help.

    1. RankYa

      72 / 259 Malvern Rd Melbourne Australia 3141

      +61421600702 $$

      Hi Robert, you may have fixed that page because it looks okay from my end

Have Your Say! Comment

Your email address will not be published. Required fields are marked *