Intégration lecteur video-js - Version imprimable

Intégration lecteur video-js - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : MyBB.fr (https://mybb.support/forum-1.html)
+--- Forum : Support (https://mybb.support/forum-5.html)
+--- Sujet : Intégration lecteur video-js (/thread-6398.html)

Intégration lecteur video-js - sinse73 - 12-04-2013

Bonsoir/bonjour à vous,

Je voudrais pouvoir donner la possibilité aux membres de mon forum d'uploader leur propre vidéo (mp4 et webm) et de les intégrer à leur post via le lecteur video-js (http://videojs.com/)
Je n'ai pour le moment pas pû me pencher sur l'intégration de la fonction d'upload ou autre puisque je bloque directement sur l'intégration des vidéos.
Pour le moment ce que j'ai fais :
Créer un nouveau mycode afin d'avoir des balises propre à ce lecteur (je ne me suis intéressé que à l'intégration de vidéo mp4 pour le moment. Mycode créé :
Expression :

Code :

\[mp4vid\](.*?)\[/mp4vid\]

Remplacement :

Code :

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="my_video_poster.png" data-setup="{}"><source src="$1" type='video/mp4'></video>

Le lecteur video-js appelant un script, j'ai intégré cette portion de code :

Code :

<link href="http://mangas-arigatou.org/forum/video-js/video-js.css" rel="stylesheet">

<script src="http://mangas-arigatou.org/forum/video-js/video.js"></script>

Dans le template footer.php (j'ai vu que c'était ce que des gens utilisaient pour intégrer du script d'analyse de trafic).
J'ai bien uploadé les différents fichiers du lecteur dans le dossier sus-mentioné.

J'ai donc testé de poster un message en utilisant ce mycode et en appelant une vidéo que j'ai uploadé via ftp :

Code :

http://www.mangas-arigatou.org/video/Osamu_Tezukas_Metropolis_-_Trailer.mp4

Et cela ne charge rien du tout, j'ai même tenté d'intégrer directement le code pour lire la vidéo dans le footer et ça ne fonctionne pas lorsque je suis dans un topic. Par contre, lorsque je suis sur la page d'acceuil, la vidéo se lit dans le footer.
Donc je ne comprends pas ce qui bloque lors de l'affichage d'un topic.

Si vous avez des idées, je suis preneur Smile

Merci d'avance.

PS : je vais par contre faire disparaître la vidéo du footer étant donné que ce n'est pas du tout une place indiquée pour laisser une vidéo ^^'
PS2: vous pouvez créer un topic test dans la partie "La vie du fofo" si vous voulez, il vous suffit de m'indiquer que c'est pour regarder comment ça ne fonctionne pas ^^ Je n'ai pas intégrer le mycode dans la barre qui les regroupe mais il est activé, il vous suffit d'écrire les balises.

Bon, par contre on ne peut pas éditer notre message car il contient des informations pour l'administration ^^'

Je voulais juste rajouter que la vidéo ne fonctionne pas dans le footer lorsque que j'ouvre un topic dans lequel j'ai posté avec le code pour afficher une vidéo. Si c'est un topic vierge de tout essai, pas de soucis.
Par contre, que la vidéo soit dans le footer ou non, pas moyen de lire quoi que ce soit dans un post. J'ai aussi essayé d'intégrer directement le code html et le lecteur s'ffiche comme avec le mycode mais rien ne se lance :/
En fait, ça ne trouve même pas la vidéo puisque l'on ne voit pas la durée de la vidéo. Lorsque cela ne fonctionne pas dans le footer, le lecteur affiche le message suivant :

Code :

Aucune vidéo dont le format ou le type MIME est géré n'a été trouvé.

Pourtant j'ai bien mon fichier htaccess avec

Code :

AddType video/mp4 .mp4

AddType video/webm .webm

de présent dans le dossier qui contient la vidéo et pour preuve c'est que la vidéo se lance bien dans le footer quand je suis ailleurs que dans un post qui contient l'essai.

RE: Intégration lecteur video-js - sinse73 - 12-04-2013

Hop, un nouvel edit ^^'

J'ai déplacé le script pour le lecteur :

Code :

<link href="http://mangas-arigatou.org/forum/video-js/video-js.css" rel="stylesheet">

<script src="http://mangas-arigatou.org/forum/video-js/video.js"></script>

dans le template header et la vidéo se lance à tous les coups dans le footer.
Toujours rien quand je poste.

A bientôt pour de nouvelles aventures ^^

Edit:
Hmmmmmmm, alors j'avais un plugin qui avait l'air de pas faire marcher le mycode dans les posts "HTML in Posts (1.5) This plugin adds the possibility to use HTML in posts."
Je l'ai désactivé et maintenant une vidéo se lit dans le post où j'ai inséré l'url de la vidéo entre les balises mycode.

Je dis bien *une* vidéo car si je veux en insérer plusieurs et bien il n'y a que la première qui est lue.
Je repars bosser, je reregraderais tout ça ce soir.
Mais si vous avez des idées où chercher ;-)

RE: Intégration lecteur video-js - sinse73 - 12-04-2013

Bon (oui au final j'ai pas pû résister de regarder ça depuis le boulot ^^') ba donc tout va bien ><
C'est juste firefox qui merdouille, j'ai regardé la page sous chrome et toutes les vidéos peuvent être lues.
C'est un peu emmerdant pour le coup sachant que je privilégie grandement ff, chiet ! ><

Edit :
Je viens de tester et avec Nightly (version en dev 23 de ff) et bien tout fonctionne bien. Vais voir aussi sur la canal Aurora pasque bon, l'attente de la version 23 c'est pas pour tout de suite :/
M'enfin, pour le moment je vais faire ainsi.

Utilitaire de traduction fourni par Regentronique