Convertirea unui link YouTube și Dailymotion în videoclip

Scris de Kames Mar Dec 11, 2018 9:38 pm

Convertirea unui link YouTube și Dailymotion în videoclip

Introducere

Acest tutorial vă va ajuta să transformați un link YouTube sau Dailymotion în videoclip. Practic, acest tutorial va afișa o previzualizare a link-ului respectiv. Când veți insera un link care vă trimite spre un videoclip YouTube sau Dailymotion, vă va apărea previzualizarea acestuia, putând chiar să îl redați.

Instalare

Singurul lucru pe care trebuie să îl faceți este să instalați un singur cod, acela fiind unul JavaScript. Fără el tutorialul nu va funcționa. Pentru a instala codul JavaScript, mergeți în Panoul de administrare » Diverse » HTML & JAVASCRIPT » Gestiunea codurilor JavaScript, urmând să apăsați pe . Totodată, verificați dacă codurile JavaScript sunt activate.

Titlu: Convertirea unui link YouTube și Dailymotion în videoclip
Amplasare: Toate paginile
Cod JavaScript: Copiați și introduceți codul de mai jos

Cod:: $(function(){ /******* VARIABLES PARAMÉTRABLES *******/ var largeur = "560"; var hauteur = "315"; /***************************************/ $('.postbody a[href*="youtube.com/watch"]').each(function(){ var ytid = $(this).attr('href').split("v=")[1].split("&")[0]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br />"); }); $('.postbody a[href*="youtu.be/"]').each(function(){ var ytid = $(this).attr('href').split("youtu.be/")[1].split("?")[0]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br />"); }); $('.post-content a[href*="youtube.com/watch"]').each(function(){ var ytid = $(this).attr('href').split("v=")[1].split("&")[0]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br />"); }); $('.post-content a[href*="dailymotion.com"]').each(function(){ var ytid = $(this).attr('href').split('/video/')[1]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.dailymotion.com/embed/video/"+ytid+" allowfullscreen allow=autoplay></iframe><br />"); }); $('.post-content a[href*="youtu.be/"]').each(function(){ var ytid = $(this).attr('href').split("youtu.be/")[1].split("?")[0]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytid+" frameborder=0 allowfullscreen></iframe><br />"); }); $('.postbody a[href*="dailymotion.com"]').each(function(){ var ytid = $(this).attr('href').split('/video/')[1]; $(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.dailymotion.com/embed/video/"+ytid+" allowfullscreen allow=autoplay></iframe><br />"); }); });

Modificări

Dacă doriți să modificați mărimile videoclipului, o puteți face prin modificarea valorii variabilei, adică a var largeur (pentru lățime) și var hauteur (pentru înățime).
*De reținut este faptul că acest cod funcționează și pentru versiunile noi, ModernBB și AwesomeBB!

Rezultat

După ce instalăm codul JavaScript, inserăm niște link-uri YouTube și Dailymotion:
Convertirea unui link YouTube și Dailymotion în videoclip Aaa8b798-6ffb-4f6b-8289-9bdd87e64379

Convertirea unui link YouTube și Dailymotion în videoclip Aaa8b798-6ffb-4f6b-8289-9bdd87e64379

Dacă ați instalat corect codul de mai sus, acesta va fi rezultatul:

Convertirea unui link YouTube și Dailymotion în videoclip Fc328810

Atât a fost de făcut, felicitări!