Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Convertir un lien YouTube et Dailymotion en vidéo dans les sujets

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Astuce Convertir un lien YouTube et Dailymotion en vidéo dans les sujets

Message par Walt le Mar 18 Sep 2018 - 13:27

Convertir un lien YouTube et Dailymotion en vidéo


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

Installer le script

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 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";
/***************************************/
 
  $('.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 />");
    });
});

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 afin de sauvegarder les modifications.

Résultat


Avant la mise en place du script




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

Après la mise en place du script




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 ou dailymotion.

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.

avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 5568
Inscrit(e) le : 08/09/2015

Walt a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum