It is very important to create responsive YouTube videos on your website. Content, whether video or text, should not appear cluttered. Adding YouTube videos to your website are not rocket science at all. provide embed code like youtube or any other video site. This allows users to easily embed the video on their own websites. Even if the tag provided was an iframe tag, your site may not conform to it. So, in this case, you need to make it a responsive YouTube video. so it displays well on all blog layouts and devices.
So, in this case, you need to make it a responsive YouTube video. so it displays well on all blog layouts and devices.
Adding responsive YouTube videos to Blogger. Now we need to add some code to the Blogger template, but we don't need to do this all the time when embedding YouTube videos.
Step 1. Go to your Blogger Dashboard-Templates-Edit HTML
Step 2. Once in Edit HTML, CTRL+F and search for]] > or
Step 3. Add the code added before]] > or Step 4. Add the following code before the tag.
You don't need to do the same to continue. In addition to adding code to individual posts, you'll also want to embed responsive videos.
Steps to add a video to your Blogger post.
Step 1. Now you need to copy the code below and add it to the blog post where you want the video to appear.
<div class=”videoyoutube”>
<div class=”video-responsive”>
<div class=”video-youtube loader” data-src=”<strong>Copy And Paste Embed Video Link Here</strong>”>
</div>
</div>
</div>
As mentioned above, after copying the above code in the blog post, you need to replace the YouTube video link with the above text " Copy and paste the embedded video link here " Check the example below for a better understanding.
After following the steps above, you will be able to see the video response on all types of devices. Do you find the above process a bit difficult? If you're not technical or don't want to mess around with code too much, don't worry, we may have other solutions.
It is very simple ...!
Make videos responsive in Blogger without touching code.
What to do if you think your Blogger blog is having trouble adding too much code to your templates in response to videos?
Since solving this problem can be frustrating, many bloggers may want to do this. If you are one of them, read on for easy solutions. Without taking too much time, let's dig in and make your blog videos responsive.
Step 1. Open the link to the responsive boarding site. You can find many video resources on this site. You can also react to Vimeo videos, daily updates, etc.
Step 2. Paste the YouTube video URL code in the provided section and click Embed. Below is a preview video and code.
Step 3. Now just copy the embed code and paste it into your blog post.
That's it. You've finished embedding a responsive YouTube video.
Today, there are various blog templates for YouTube videos where developers have embedded such codes to work well on all devices. Let us know if this tutorial was helpful to you in the comments section below.
.jpeg)
0 Comments