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...
Pop Up Follow/Subscribe by Email Widget for AMP HTML Blogger Themes
Follow by Email or Subscribe Blogger blog via email helps blog owners to get better engagement with readers & followers -- blog audienc...
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 ...
Accelerated Mobile Pages on Blogger — Is it Possible?
We have received hundreds of requests daily by Bloggers (& web store owners) who is using Blogspot platform as a medium to publish their...
AMP HTML Blog Archive Widget for Blogger Template
Display a list of your earlier blog posts provides additional deep links to articles published within a specific date. On Blogger blogs, the...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...