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
Theme Version History (V1)
It is always good to provide a version history to keep track on your Blogger template/theme changes & updates. This will provide your te...
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...
Display Instagram Feed & Followers for AMP HTML Blogger Themes
Add Instagram posts, feed, followers & following count is made super easy for AMP HTML integrated Blogger blogs by using amp-iframe co...
Theme Version History (V2)
Blogr-AMP (V2) Blogger theme version history helps to keep track on this particular Blogger template/theme changes & updates. This will ...
Display In-Contents Ads for Blogger Themes with AMP HTML
AMP HTML have allowed blogs on Bloggers to display blog pages insanely quick on the web or mobile devices . Blog posts & pages instantly...
Working to get connected...
Ooops! We're having trouble connecting. Please refresh your page or contact us...