Discussion :

[bytecode]

Bonjour,

J'ai un code source que je voudrais adapter en responsive design c'est un lecteur de flux vidéo m3u8 vous pouvez voir le code source en ligne ici et bien sur le télécharger.

c'est un lecteur vidéo générer par videojs

J'ai chercher un autre code source videojs en responsive et j'ai trouver ce skin https://codepen.io/dotdreaming/pen/CnLeD qui lui diffuse des formats mp4

Il est parfait je l'ai mis lui aussi sur un hébergement de teste ici vous pouvez voir le code source aussi.

Ce que j'ai compris c'est que pour diffuser le flux m3u8 il faut ce fichier videojs-contrib-hls.js je l'ai intégrer au code mais j'ai toujours une erreur il fonctionne tous les deux très bien séparément mais je n'arrive pas à me servir de l'un pour l'autre et qu'il fasse pareil en responsive j'ai toujours une erreur il ne comprend pas le format m3u8

Je pensais pas cela si difficile j'y ai passer pas mal de temps sans réussir si quelqu'un peut me débloquer en me mettant sur la bonne voie ça serais sympa.

[bytecode]

Hello bon j'ai enfin trouver la solution j'ai mis le temps pfiou.

Pour ceux qui aurais besoin je l'ai trouver sur stackoverflow.com

Il suffit de rajouter ce style css dans une div

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}
.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}
.video-js-responsive-container {
    width: 100%;
    position: relative;
}
.video-js-responsive-container .video-js {
    height: 100% !important; 
    width: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="video-js-responsive-container vjs-hd"></div>

Bonne journée à tous !!!