Vidéo compatible mobile : html5

Information importante

En raison d'un grand nombre d'inscriptions de spammers sur notre site, polluant sans relache notre forum, nous suspendons la création de compte via le formulaire de "sign up".

Il est néanmoins toujours possible de devenir adhérent•e en faisant la demande sur cette page, rubrique "Inscription" : https://www.drupal.fr/contact


De plus, le forum est désormais "interdit en écriture". Il n'est plus autorisé d'y écrire un sujet/billet/commentaire.

Pour contacter la communauté, merci de rejoindre le slack "drupalfrance".

Si vous voulez contacter le bureau de l'association, utilisez le formulaire disponible ici, ou envoyez-nous un DM sur twitter.

Submitted by Ianis on

Bonjour

J'avance progressivement dans l'utilisation de drupal et là je suis depuis plusieurs semaines (...) sur un os.
Je souhaite utiliser mediafront (et en particulier la version minplayer) pour afficher des vidéos sur mon site.
Je n'ai pas besoin de playlist (d'où mon choix vers la version minplayer). Je veux simplement qu'en cliquant sur un lien (dans une vue), ma vidéo apparaisse dans une nouvelle fenêtre au milieu de mon écran (640x480).

J'ai paramétré le module, le lecteur s'affiche (vide) mais je ne saisis toujours pas comment utiliser ce lecteur. Quel code dois-je utiliser pour afficher la vidéo de mon choix ?

Merci de votre aide ^^

Forum : 
Support général
Version de Drupal : 
7.x
Tags : 
video
popup
mobile
video js

Soumis par Ianis le 26 Août, 2012 - 18:41

Bonjour

Bon et bien je fais les questions et les réponses alors ^^. Mais je n'ai pas tout résolu, j'ai encore besoin d'aide ^^.

J'ai trouvé une solution bien plus simple à mettre en place (pour moi).

Le module video-js pour drupal. Il est nécessaire par contre de télécharger les fichiers du site video.js et de les placer dans le répertoire défini par le module (aller dans la configuration du module)
Pour cela cliquez sur "Dowload & Self host" dans la colonne de droite sur le site video.js

http://drupal.org/project/videojs
http://videojs.com

Il me reste cependant toujours à trouver comment afficher ma balise vidéo dans une nouvelle fenêtre popup via un lien cliquable.
Le but étant que dans ma vue je puisse réécrire le résultat de mon champ un peu comme ça :

<mon script >
<video id="example_video_1" class="video-js vjs-default-skin" controls width="430" height="335" poster="monimage.png" autoplay preload="auto" data-setup="{}">
  <source type="video/mp4" src="[field_lien_video].flv">
  <source type="video/webm" src="[field_lien_video].webm">
  <source type="video/ogg" src="[field_lien_video].ogg">
</video>
<a>Voir la video</a>
</fin de script>

Je souhaiterais éviter de créer pour chacune de mes vidéos une page que j'appellerai de façon indépendante. S'agissant d'un "dictionnaire" avec une vidéo pour chaque mot, je souhaiterai "automatiser" un peu tout ça.

Merci pour vos avis éclairés

Soumis par Ianis le 26 Août, 2012 - 21:31

Bonsoir

Merci pour cette réponse

Je ne comprends pas exactement ce que vous entendez par "template". Vous parlez de "contenu" ? Par ce mot je vois plutôt le thème (l'esthétique) d'une page. Etant relativement novice sur Drupal, je suis loin d'avoir assimilé toutes les "bases" et donc le vocabulaire spécifique.

Pour être précis en fait, mon "Dictionnaire" est créé via une vue (views).
Un mot du dictionnaire et sa "définition" est affiché grâce aux différents champs choisis dans la taxonomie.
Parmi ces champs un lien vers une vidéo est indispensable. Ce que je souhaiterai étant un affichage de la vidéo de type popup au click sur un lien.

Voici la page en question (en construction bien sûr...)
http://alpha.lsfplus.fr/dictionnaire

Soumis par Aqwadon le 26 Août, 2012 - 21:57

Non, un template (en pratique, ce sont les fichiers .tpl.php) permet de définir la manière dont le contenu est envoyé au navigateur.

En l'occurrence, les vues permettent aussi de faire de la ré-écriture de champ. Suivant votre cas précis, je ne sais pas si cela est suffisant. Un template du champ me semble plus pertinent, mais c'est à voir...

Une petite page d'explication, à ce sujet :

http://www.ooznet.com/drupal-trucs-et-astuces/personnaliser-une-vue

Concernant le "popup" le module lightbox est particulièrement puissant pour faire ce genre de choses.
un exemple sur ma dernière réalisation :

http://www.greyjays.fr/album-videos#contenu

Soumis par Ianis le 26 Août, 2012 - 22:52

Alors là, je crois que ça va dépasser largement mes maigres compétences acquises. Mon job est à mille lieu de tout ça. J'essaye de refaire mon vieux site tout en html (si si !) pour le rendre évolutif et surtout permettre aux gens qui le souhaitent, de contribuer à son développement (site gratuit et qui le restera).
Une personne (webdesigner), intéressé aussi par le thème du site (la langue des signes), devait me filer un coup de main sur ce côté plus technique de la création de site (que je ne maîtrise pas vraiment...). Mais actuellement, pour des raisons personnelles, c'est un peu compliqué pour lui.
Ce dictionnaire va comporter assez rapidement plus de mille vidéos donc il m'est nécessaire de simplifier l'ajout de tout nouveau mot. Et l'affichage dans une fenêtre indépendante de la vidéo est indispensable pour moi du fait de deux types d'affichage du dictionnaire
http://alpha.lsfplus.fr/dictionnaire
http://alpha.lsfplus.fr/dictionnaire_mb

Flash allant disparaître dans la prochaine version d'android, je souhaite absolument mettre mes vidéos en html5. Je peux intégrer ma vidéo html5 avec la lightbox ?

Soumis par Aqwadon le 27 Août, 2012 - 00:24

Il me semble que oui. Mais à la limite, ça peut être dans une autre page. Si c'est pour les mobiles, le lightbox, ca n'a pas vraiment de sens de toute façon.
Le sujet m'intéresse aussi, si vous voulez un coup de main, c'est possible, ponctuellement.