Cum se adaugă videoclipuri YouTube receptive în blogger

Ultima modalitate de a încorpora videoclipuri YouTube receptive sau receptive în Blogger a devenit o parte importantă a fiecărui site web. Adăugați videoclipuri care se adaptează automat la orice platformă pentru cea mai bună vizualizare a cititorilor de bloguri.
YouTube ne oferă multe avantaje, dintre care unul este funcția de a încorpora videoclipuri care pot fi adăugate și vizualizate direct pe blog.
Implementat prost videoclipurile reduce valoarea SEO a unui blog, datorită elementului IFRAME și a aspectului său neresponsabil care nu sunt capabili să se adapteze la dimensiunea ecranului.
Din acest motiv, indicăm modul de instalare a videoclipurilor YouTube complet receptive în blogger, care nu vor reduce valoarea SEO a blogului nostru, exact opusul va servi la poziționarea unei publicații specifice pentru relevanța pe care Google o oferă acum videoclipurilor din publicații:

1 Introduceți contul dvs. de blogger, căutați opțiunea Subiect / editați HTML Aici trebuie să adăugăm următorul cod CSS deasupra închiderii ))> fie

/* Youtube Responsive */
@keyframes littleShine{0%{background-position:-400px 0}100%{background-position:400px 0}}
.loader{position:relative;width:100%;float:left;overflow:hidden;height:350px;margin-right:12px;animation:littleShine .85s linear infinite;background:#f5f5f5 linear-gradient(to right,rgba(255,255,255,0) 5%,rgba(255,255,255,.75) 20%,rgba(255,255,255,0) 30%);background-size:800px 100px}
.videoyoutube{text-align:center;margin:auto;width:100%;}
.video-responsive{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;}
.video-responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

2 În ea EDIT HTML Adăugați următorul cod de script deasupra codului de închidere și salvați modificările din șablon.

<script type="text/javascript">
//<!(CDATA(
// Youtube Responsive
setTimeout(function(){$(".video-youtube").each(function(){$(this).replaceWith('<iframe class="video-youtube loader" src="'+$(this).data("src")+'" allowfullscreen="allowfullscreen" height="281" width="500"></iframe>')})},5e3);
//))>
</script>

3 În cele din urmă, pentru a adăuga videoclipuri în orice postare sau publicație în Blogger, trebuie să folosim întotdeauna următorul cod adăugându -l în secțiune Vizualizare HTML Ediția de intrări

<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="https://www.youtube.com/embed/ID DEL VÍDEO">
</div>
</div>
</div>

Trebuie doar să schimbi ID video Pentru identitatea videoclipului dvs. pe YouTube, dați -l pentru a păstra sau publica. Acum încorporați sau introduceți videoclipuri YouTube în publicațiile bloggerului este sensibil, ceea ce înseamnă că videoclipul se va adapta automat la dimensiunea oricărui ecran.

Exemplu de identitate a unui videoclip pe YouTube

Cum se adaugă videoclipuri YouTube receptive în blogger

Articole Similare

Leave a Comment Cancel reply