Blogger blogs makes it easy to insert or embed videos using the Insert a Video icon available at post editor toolbar. However the videos inserted has a predefined width & size which is quite small but view able on any devices.
Blogger Theme with AMP integrations like this blog on Blogger, can use the amp-video tag, as applying amp tags in Blogger post editor is optional but preferred. To speed up your post publishing, Blogr-AMP theme framework provides some useful & re-usable CSS styles for users to use. You can view theme typography & helpers here at this detail page.
In this tutorial we will show you how it is done by using CSS & edit existing video iframe markup when Add a Video toolbar is used. We will show you how to make these videos responsive on your Blogger posts, displays proportionately according to your uploaded video size/ratio.
Adding Responsive Video CSS
Copy CSS codes below at your Theme > Edit HTML > preferably before ]]></b:skin> tag.
.f…
Enable Responsive Videos Embed on Blogger Posts
Blogr-AMP Blogger AMP HTML TemplateRated 5/5 based on 98 reviewsAdd responsive video embed at Blogger post editor easily using CSS responsive utility classes & works on all modern web browsers & any screen sizes for Youtube, Vimeo, iframe videos, object videos & availability to use amp-video tags whe AMP HTML is used with Blogger theme framework.Blogr-AMP: Enable Responsive Videos Embed on Blogger Postsirsah
5/ 5
Best AMP Blogger template, Blogr-AMP exceeded my expectations. Search engine friendly, easy to use, backed by great support Blogger blogs makes it easy to insert or embed videos using the Insert a Video icon available at post editor toolbar. However the videos ins....
Disqus Comments
Facebook Comments
Most Popular This Week
AMP HTML for Blogger Theme with E-Commerce & Shopping Cart
In the middle of July 2017, we introduced the 7th edition for BlogrCart Blogger themes with e-commerce functionality. Create online web sto...
Add Facebook Live Messenger Chatbox Placeholder for Blogger Theme with AMP HTML
Facebook Messenger Live Chatbox for Blogger themes available here been a hit ever since we shared the full working tutorial, codes, & ...
BlogrAMP Now in Version 2 Better Blog-ing Experience for 2018
Since early March 2017, we have started our next phase for Blogr-AMP Blogger theme with AMP HTML integrations. We wanted to fully utilize ...
Getting Started — Create Your 1st AMP Blogger Blog Pages
This post is a good reference & guide on how to integrate Blogger templates & use Accelerated Mobile Pages (AMP HTML) fundamentals w...
Blogr-AMP (V2) Blogger Theme Supports RTL Language Direction
Due to the many requests by users using Right to Left (RTL) language direction, for example Arabic, Tamil languages, now BlogrAMP version 2 ...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...