Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Convertirea unui link YouTube și Dailymotion în videoclip

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Convertirea unui link YouTube și Dailymotion în videoclip

Mesaj 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

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! Da

avatar

Kames
Membru onorific
Membru onorific

Mesaje : 78
Varsta : 24
Localizare : Timișoara
Data înscrierii : 11/02/2017
Mulțumiri : 12
Mozilla Firefox AwesomeBB

https://www.wikifg.net
Kames a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum