Topics

Create Blogger AMP HTML template install & download Accelerated Mobile Pages themes for Blogspot platform.


Enable Responsive Videos Embed on Blogger Posts

Enable Responsive Videos Embed on Blogger Posts
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…
Read Full Article
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 Posts
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

Working to get connected...

Ooops! We're having trouble connecting. Please refresh your page or contact us...

Most Popular This Week

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, & ...

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 ...

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...

Blazing Speed for AMP Pages on Google Search Announced

On May 17th Google I/O 2017 developers conference will kick off & Google announced Accelerated Mobile Pages (AMP) accessed in Google Sea...

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...

Ooops! We're having trouble connecting...