Dailymotion embed code fara logo, Picture-in-Picture si autoplay

Daca utilizezi video de pe dailymootion atunci acest articol este pentru tine.

Codul care-l gasiti mai jos va poate ajuta sa :

1. rulati video Picture-in-Picture - in acest fel userul poate poate citit articolul si video ruleaza in partea dreapta.

2. autoplay - cand se incarca pagina, video incepe sa ruleze

3. share la pagina unde este video - in mode normal cand userul da share la video pe retelele sociale, se trimite doar video, insa prin codul din aceasta userul va da share la pagina de la site tau.  In acest fel mai multe vizite pentru site tau. Acum ramane doar sa gasesti video care atrage vizite.

Cum implementam codul pentru a functiona.

Sunt doua tipuri de coduri

1. Code cu player normal 16:9

2. Code player  pentru mobil in special si aspectul este cel care`l are tiktok.

Code  player normal

1. se adauga aceste doua linii de code in header intre tag-ul

<script src="https://geo.dailymotion.com/player/x7pxa.js" data-video=""></script>
<script src="https://geo.dailymotion.com/libs/player/x7pxa.js"></script>

Acesta este codul embed care-l puteti folosi pe site-ul vostru. Unde scrir video ID, puneti id-ul de la video de pe dailymotion. 

<iframe src="https://geo.dailymotion.com/player/x7pxa.html?video=VIDEOID" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="640" height="360"></iframe>

Dupa cum vedeti codul este cu o marime exacta 640/360.  Unde scrie VIDEOID, puneti id de la video.

Acum daca doriti un code responsive va trebui sa-l puneti pe cel de mai jos.

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden" frameborder="0" type="text/html" src="https://geo.dailymotion.com/player/x7pxa.html?video=VIDEOID" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="100%" height="100%" allowfullscreen allow="autoplay">
  </iframe>
</div>

Codul embed il puteti pune oriunde doriti voi in pagina sau text,

2. Codul pentru mobil 

Pentru versiunea mobil se face exact la fel cum am spus mai sus, doar ca aspectul va fi diferit la player.

Deci punem in header cele doua linii. Atentie mare, ca sunt diferite fata de codurile de mai sus.

<script src="https://geo.dailymotion.com/player/x7pxb.js" data-video=""></script>
<script src="https://geo.dailymotion.com/libs/player/x7pxb.js"></script>

Acum codul embed care poate fi pus oriunde in sursa.

- Masuri exacte 640/360

<iframe src="https://geo.dailymotion.com/player/x7pxb.html?video=VIDEOID" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="640" height="360"></iframe>

- code embed responsive

 

<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;">
  <iframe style="width:100%;height:100%;position:absolute;left:0px;top:0px;overflow:hidden" frameborder="0" type="text/html" src="https://geo.dailymotion.com/player/x7pxb.html?video=VIDEOID" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen frameborder="0" width="100%" height="100%" allowfullscreen allow="autoplay">
  </iframe>
</div>

Cam asta este tot.

Daca te pricepi la php se poate face putin mai automat. In loc sa pui codul embed de fiecare data in articol/pagina, poti face o optiune/camp unde pui doar ID la video si php il va pune automat in sursa.

Ce este nou si foarte interesant la noul code este optiunea de share, care functioneaza daca cele doua linii de code sunt puse in header.

Daca prinzi un video care atrage mult, cel care se uita va da click pe butonul de share din video, crezand ca da share la video, cand de fapt da share la pagina unde este acesta si in acest fel mai mult trafic pentru tine.