Convertir un lien YouTube, Dailymotion ou TikTok en vidéo dans les sujets

par **Walt** Mar 18 Sep 2018 - 13:27

Convertir un lien YouTube, Dailymotion ou TikTok en vidéo

Ce script permet de repérer automatiquement un lien YouTube, Dailymotion ou TikTok, posté dans un message sur votre forum, et de le convertir en vidéo.

Installer le script

Citation :: Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des codes Javascript

Assurez-vous que la gestion des codes Javascript est activée, puis créez un nouveau javascript ayant pour titre "Conversion des liens YouTube, Dailymotion ou TikTok en vidéos" et pour placement "Sur les sujets".

Insérez-y le code suivant :

Code:: $(function(){

/******* VARIABLES PARAMÉTRABLES *******/
var largeur = "560";
var hauteur = "315";
/***************************************/

/* Versions PhpBB2 - PhpBB3 - PunBB - Invision - ModernBB */

/* Vidéos YouTube */

$('.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 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture 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 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos Short YouTube */

$('.postbody a[href*="youtube.com/shorts/"]').each(function(){
var ytsid = $(this).attr('href').split('/shorts/')[1];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytsid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos Dilymotion */

$('.postbody a[href*="dailymotion.com"]').each(function(){
var dmid = $(this).attr('href').split('/video/')[1];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.dailymotion.com/embed/video/"+dmid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos TikTok */

$('.postbody a[href*="tiktok.com"]').each(function(){
var ttid = $(this).attr('href').split('/video/')[1];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.tiktok.com/embed/"+ttid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Version AwesomeBB */

/* Vidéos YouTube */

$('.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 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></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 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos Short YouTube */

$('.post-content a[href*="youtube.com/shorts"]').each(function(){
var ytsid = $(this).attr('href').split('/shorts/')[1].split("?")[0];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.youtube.com/embed/"+ytsid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos Dilymotion */

$('.post-content a[href*="dailymotion.com"]').each(function(){
var dmid = $(this).attr('href').split('/video/')[1];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.dailymotion.com/embed/video/"+dmid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

/* Vidéos TikTok */

$('.post-content a[href*="tiktok.com"]').each(function(){
var ttid = $(this).attr('href').split('/video/')[1];
$(this).html("<iframe width="+largeur+" height="+hauteur+" src=https://www.tiktok.com/embed/"+ttid+" frameborder=0 allow=accelerometer;autoplay;encrypted-media;gyroscope;picture-in-picture allowfullscreen></iframe><br />");
});

Vous pouvez adapter la largeur var largeur et la hauteur var hauteur en indiquant le nombre de pixels. Ce script fonctionne pour toute version (AwesomeBB comprise).

Cliquez sur le bouton

Convertir un lien YouTube, Dailymotion ou TikTok en vidéo dans les sujets 14-08-13

afin de sauvegarder les modifications.

Résultat

Avant la mise en place du script

Convertir un lien YouTube, Dailymotion ou TikTok en vidéo dans les sujets 14-08-14

Le membre a posté directement les liens vidéos.

Après la mise en place du script

Convertir un lien YouTube, Dailymotion ou TikTok en vidéo dans les sujets 14-08-15

Les liens ont été automatiquement convertis afin d'afficher les vidéos. Les membres peuvent visionner directement les vidéos depuis le message sans devoir se rendre sur YouTube, dailymotion ou TikTok.

	L'utilisation de ce script peut sensiblement augmenter le temps de chargement de la page courante. Le temps de chargement est directement lié au nombre de vidéos à afficher.

Convertir un lien YouTube, Dailymotion ou TikTok en vidéo dans les sujets

Vous et Forumactif...

Trucs et astuces