test de playlist youtube

    Partagez
    avatar
    Admin
    Admin

    Messages : 84
    Date d'inscription : 27/09/2015

    test de playlist youtube

    Message par Admin le Mer 23 Mar - 10:25




    il faut utiliser le code d'intégration iframe
    ajuster la largeur sur width="100%" plutôt qu'en pixels.
    la playlist s'affiche via le bouton en haut à gauche du lecteur.
    avatar
    Admin
    Admin

    Messages : 84
    Date d'inscription : 27/09/2015

    Jw player HTML5 avec playlist éditable.

    Message par Admin le Jeu 28 Avr - 11:11


    On peut aussi utiliser des lecteurs html5 avec javascript depuis un autre   hébergeur.
    seul le compte administrateur permet de gèrer du javascript ici.

    j'utilise le jwplayer gratuit avec logo, hébergé gratuitement chez hostinger par l'éditeur de site qui permet de rajouter un masque sur le logo.
    il faut juste ajuster la taille verticale du lecteur pour garder un bandeau noir au dessus des vidéos. ici au format smartphone avec playlist en bas.

    Code:
    <script type="text/javascript" src="http://jerome.sevestre.free.fr/jwplayer/jwplayer.js"></script><script type="text/javascript">jwplayer.key="x583d2XudcYrgSXK7gNXBiZ8ER7NnI+wUC0tng==";</script><style type="text/css">
    #myElement
    {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 320px;
    height: 404px;
    }

    </style><div id="myElement">Loading the player...</div>

    <script>
       jwplayer("myElement").setup({
         playlist: [{
            file: "http://jerome.sevestre.free.fr/2NE1/2ne1iamthebest.mp4",
            image: "http://jerome.sevestre.free.fr/2NE1/2NE1.jpg",
            title: "I AM THE BEST",
     description: "2NE1 yg entertainement"
          },{
            file: "http://jerome.sevestre.free.fr/2NE1/2ne1trytofollowme.mp4",
            image: "http://b.vimeocdn.com/ts/216/137/216137599_295.jpg",
            title: "FOLLOW ME",
     description: "2NE1 yg entertainement"
          },{
            file: "http://jerome.sevestre.free.fr/2NE1/2ne1yloveyou.mp4",
            image: "http://b.vimeocdn.com/ts/331/501/331501679_295.jpg",
            title: "I LOVE YOU",
     description: "2NE1 yg entertainement"
          },{
            file: "http://jerome.sevestre.free.fr/2NE1/2ne1lonely.mp4",
            image: "http://b.vimeocdn.com/ts/154/304/154304279_295.jpg",
            title: "LONELY",
     description: "2NE1 yg entertainement"
      }],
         width: 310,
         height: 404,
         listbar: {
           position: "bottom",
           size: 161
         }

       });

    </script>


    vous pouvez utiliser ce lecteur déjà en ligne. (appel javascript du player swf)
    changer les url des vidéos, images, et éditer le titre, la description.
    mettre la page en ligne, et l'intégrer par le code iframe pointant vers cette page.

    pour forcer la fonction plein écran, on peut rajouter...

    Code:
    <iframe webkitallowfullscreen mozallowfullscreen allowfullscreen  width="320" height="404" src="http://jerome.sevestre.free.fr/html5player.html" scrolling="No" frameborder="0" align="left"></iframe>

    sinon la vidéo plein écran reste dans le cadre de l'iframe.


    Dernière édition par Admin le Dim 14 Aoû - 15:02, édité 2 fois
    avatar
    Admin
    Admin

    Messages : 84
    Date d'inscription : 27/09/2015

    du vimeo

    Message par Admin le Mer 11 Mai - 18:42


    Contenu sponsorisé

    Re: test de playlist youtube

    Message par Contenu sponsorisé


      La date/heure actuelle est Dim 22 Oct - 20:56