Insérer une vidéo dans SPIP

samedi 27 janvier 2007
par  Fredo
popularité : 14%

Insérer une vidéo peut être intéressant pour illustrer un article afin de le rendre plus explicite ...

Il est possible, sous SPIP d’insérer une vidéo et voici la marche à suivre ; a l’aide du lien proposé :

- Télécharger RIVA FLV Encoder Cet utilitaire permet d’encoder les formats .avi, .mpeg, quicktime, .wmv au format .FLV

- Télécharger Flash Vidéo SPIP (À renommer en flvplayer.swf) Cela va être le player de la vidéo !

Voilà, à présent vous avez les outils en main !

1/ Encodez à l’aide de RIVA FLV votre vidéo au format .FLV

2/ Placez votre fichier .FLV ainsi crée et flvplayer.swf dans le même dossier ftp de votre site.

Insérez le code suivant dans votre article pour insérer votre vidéo en remplaçant < par * et > par ** (justement, afin que SPIP n’interprête pas le code suivant pour cet article !

*object type="application/x-shockwave-flash" width="320" height="260" wmode="transparent" data="http://votresite/flvplayer.swf?file=votresite/votrevideo.flv"** *param name="movie" value="http://votresite/flvplayer.swf?file=votresite/votrevideo.flv"/** *param name="wmode" value="transparent" /** */object**

Remplacez "votresite" par l’adresse de vos vidéos ...

Voilà, c’est prêt !

- Vous pouvez modifier la hauteur et largeur de votre vidéo en modifiant les valeurs de width et height.

D’un point de vue personnel :

Le plus difficile est à mon avis d’obtenir ce fichier .flv car selon la qualité et le type de format du fichier original, cela fonctionne plus ou moins bien.

Insérer le code dans l’article lui même pour interpréter la vidéo me semble plus facile à comprendre que de modifier les codes sources de SPIP pour automatiser la procédure ...

Amusez vous bien ! et n’oubliez pas de faire attention particulièrement aux droits d’auteurs des vidéos que vous êtes amenés à diffuser !

Un exemple du résultat ici : Démo


Net dévelopeur

Commentaires  (fermé)

Logo de fred44
mardi 19 août 2008 à 15h48, par  fred44

Tu peux télécharger FileZilla qui te permettra de te connecter directement en FTP sur ton site. De cette façon, tu pourras "balancer" sur ton serveur de très gros fichiers vidéo.
En utilisant un player Flash et un fichier flv, la taille de ton fichier ne compte pas, ce qui est important c’est le débit !

J’utilise ffmpeg pour régler la compression et le débit. si tu veux en savoir plus, j’ai un petit topo sur : http://www.adventure-rally.com/spip...
voilà ;)
bon courage à toi...

Logo de _Eric_
mardi 22 juillet 2008 à 23h01, par  _Eric_

Salut Pathéo,

Moi je trouve pas qu’ils soient mal placés mais c’est une affaire de goût.
Sinon, j’avais regardé comment faire pour les déplacer mais je n’avais pas trouvé. Il est peut-être possible de le faire avec la config cfg du plugin.

Voila

Logo de patheo
mardi 22 juillet 2008 à 12h30, par  patheo

Salut SarkASmeL ! merci pour le conseil mais mon problème avec ce plugin est que les bottons sont mal disposés (dans le texte pour certains articles). Comment personnaliser la position des boutons (les aligner par exemple avec les boutons de imprimer et pdf) ? Merci

Logo de _Eric_
lundi 21 juillet 2008 à 23h19, par  _Eric_

Salut Pathéo,

Utilise le plugin BoutonsTexte.

A+

Logo de patheo
lundi 21 juillet 2008 à 21h28, par  patheo

bonsoir je veux donner la possibilité à mes visiteurs de faire d’agrandir ou de diminuer le texte des articles. comment faire ?

Logo de Fredo
dimanche 20 juillet 2008 à 17h00, par  Fredo

Bonjour Jeaneric,

En consultant l’article 158 de ton site, je constate que tout fonctionne correctement à présent. :)

Logo de jeaneric
dimanche 20 juillet 2008 à 08h20, par  jeaneric

Salut philippeguerindon1 !
J’ai un soucis avec le plugin que tu mentionnes : tout va bien dans la partie privee mais dans la partie publique (qd on visualise l’article) la fenetre du player n’apparait pas.

J’ai utilise Firebug sous Firefox et voila :

<div class="texte">
Il y a peut-etre un bug au niveau de l'implemention des filtres
<doc561|player|center _moz-userdefined=""> </doc561|player|center>
<div class="clearer"/>
<br/>
<a class="repondre" href="http://amisaca92.free.fr/spip.php?page=forum&id_article=158">Répondre à cet article</a>
<br/>
</div>

Je me demande si le modèle de Lecteur Multimédia n’interagit pas avec celui de SARKA ?

Une idée ?

JE

Logo de jeaneric
samedi 19 juillet 2008 à 22h14, par  jeaneric

Tres interessant !
J’ai telecharge le plugin, puis encode mes avi en flash (verifie avec VLC), puis charge le tout sur mon site web via ftp dans tmp/upload.
Dans un article, j’ai importe mes avi comme doucment de l’article (soit lors de la redaction, soit une fois l’enregistrement fait). J’ai mis le code avec xx le numero de mon document flv.
Dans la zone privee, ok, j’ai la fenetre du player pret a l’emploi, mais dans l’interface public du site, mes flv apparaissent comme documents joints mais il n’y a pas de fenetre du player !!...

de l’aide ?

Logo de jacques
jeudi 22 mai 2008 à 09h05, par  jacques

Une question sur l’agenda :
Sous sarka 2.0.2 , spip 192d , est-il possible ,une fois l’évenement passé, de faire en sorte qu’il n’apparaisse plus dans le mini-agenda public et dans l’agenda des évenements ? Libérant ainsi une place "évenements" du mini-agenda
pour permettre d’inclure un autre ,ayant fixé le nombre d’"évenements" à 7, si ils sont passés, inutile de les laisser afficher par conséquent.
Si oui , comment faire ?

Logo de jacques
mardi 20 mai 2008 à 20h43, par  jacques

En fait l’agenda public affiche seulement
5 évenements donc lorsque j’en avais 7 dont 2 sur la même journée, forcement , il
ne s’affichait pas puisque > à 5
Maintenant j’ai trouvé suffit d’augmenter le nombre d’évenements.
Pour les catégories , c’est ok j’ai vu l’article squelette_agenda et ses mots clefs donc en ordre.
Cependant,je ne sais toujours pas où aller pour supprimer "aucun filtre" et "sans catégories".

Logo de _Eric_
lundi 19 mai 2008 à 22h08, par  _Eric_

Jacques,

Je comprends pas ta question car c’est effectivement le cas dans le mini-agenda :

- dans le calendrier, en bulle d’info du jour concernés tu vois le premier événement et un commentaire donnant le nombre d’événements du jour. En fait, les bulles par défaut ne pouvant contenir de retour à la ligne, la taille serait trop importante sinon.
- dans le résumé, tous les événements du mois sont affichés (avec un max modifiable)

A+

Logo de _Eric_
lundi 19 mai 2008 à 22h02, par  _Eric_

Re,

L’agenda par défaut non, mais il sera possible d’utiliser le plugin agenda qui répond à ce besoin.

A+

Logo de _Eric_
lundi 19 mai 2008 à 22h01, par  _Eric_

Jacques,

Non les événements doivent être uniquement dans le secteur associé au mot-clé agenda. Ensuite tu peux catégoriser tous tes événements par des mots-clés appartenant au groupe squelette_agenda. Quand tu affiches la page agenda, tu as a droite un bloc de catégories permettant de filtrer les événements.

Donc tu n’as pas besoin de plusieurs rubriques car tu as les catégories.

Lis ou relis les articles à ce sujet...

A+

Logo de jacques
lundi 19 mai 2008 à 17h48, par  jacques

A cet instant , dans l’état actuel de Sarka , comment faire pour que 2
évenements situés sur la même date s’affichent dans l’agenda "public"
p.ex.cours le 30/5/08 de ...à 18h30
et stage le 30/5/08 de ....à 19h30
Les endroits où se déroulent les activités sont différents,mais l’agenda
"public" ne m’affiche que le premier sur la grille horaire

Logo de jacques
lundi 19 mai 2008 à 16h35, par  jacques

Bon pour l’agenda et rangement par catégories ,j’ai trouvé ,curieux de voir
si dans la version qui viendra,on aura
un agenda pouvant gérer un étalement
des dates

Logo de jacques
lundi 19 mai 2008 à 16h12, par  jacques

Merci de l’explication
Juste encore une question:Etant donné
que des stages se déroulent à certaines dates
Je souhaiterais que les articles qui se situent dans la rubrique stage apparaissent dans l’agenda.
J’ai bien attribué le mot clef agenda
à ma rubrique agenda de même que à ma sous
rubrique stage (catégories ?) cependant les articles n’apparaissent pas dans l’album , on parle
de pouvoir créer ou trier par catégories,mais j’avoue ne pas en avoir saisit le principe même si il s’avère simple car ma catégorie stages reste vide donc j’ai dû louper quelque chose .

Logo de Fredo
dimanche 18 mai 2008 à 00h58, par  Fredo

Bonsoir Jacques,

Rectifiez moi si je me trompe mais je crois qu’il faut bien distinguer 2 situations :

- Le répertoire tmp/upload est utilisé pour déposer des fichiers volumineux, à l’aide d’un client ftp, pour ensuite sélectionner ces éléments lors de la création d’un article, en dépliant le cartouche de gauche intitulé "ajouter un document".

- Ensuite, il est tout a fait normal que SPIP retravaille les photos du répertoire IMG. Ce procédé de cache permet d’éviter de recalculer inutilement une page lorsqu’elle est consultée une deuxième fois. Le seul réglage que je vois se situe au niveau de l’interface privé dans le menu configuration/Fonctions avancées.

Logo de jacques
samedi 17 mai 2008 à 23h41, par  jacques

Simplement parce que j’ai mal interprété ce qui m’a été conseillé de transférer tous mes fichiers dans le dossier squelettes si modifié or mes photos sont toujours retravaillé pour atteindre le moins de poids possible.Mais même si je les déplace ailleurs ,comment limiter le fait que spip les recopie en fichiers auton ou arton ou artoff dans IMG et que cela me prend de la place disque inutile car on les retrouve aussi dans le tmps/upload qui est devrait être normalement le bon répertoire si j’ai bien compris. Je souhaiterais que une fois mis dans le bon répertoires , il ne les recopies plus ailleurs donc comment faire ?

Logo de _Xavier_
samedi 17 mai 2008 à 18h59, par  _Xavier_


je transfères les images dans le repertoire images du squelettes

hein ?

Quel est l’intérêt ? je ne vois pas pourquoi tu passes par le répertoire images du squelettes. Celui ci est "réservé" aux images utilisées par le squelette (comme sont nom l’indique) et non aux images servant au contenu du site.

Les images insérés par la commande "AJOUTER UNE IMAGE" dans l’édition d’un article se copient dans le répertoire IMG de spip

++
SarkARchimed

Logo de jacques
vendredi 16 mai 2008 à 21h56, par  jacques

www.seishokan.be.ma ,site pas encore complet,mais la rubrique vidéo fonctionne
et le problème des vidéos est apparemment
résolu.
Toutefois le problèmes des photos images
que spip gère n’a toujours pas de solution
càd je transfères les images dans le repertoire images du squelettes et j’en trouve dans tmp et dans img de spip ,cela prend bcp de place,y a t il moyen de limiter cela en obligeant spip à ne pas creer des copies partout des images transférées ?

Logo de jacques
vendredi 16 mai 2008 à 20h44, par  jacques

Merci cela me permettra d’avoir une vidéo sur un server distant comme VEOH , je viens de reduire le 130MO avec pocketdivxencoder à 7.5Mo en avi , convertit ensuite en flv à 11mµMo avec free video to flash de dvdvideosoft,j’ai
transferer le player swf et le flv fournit avec ce dvdvideosoft et bonheur en mettant le code dans l’article , spip a bouffé le player et le flv donc encore une truc de plus pour mettre une video dans spip
toutefois mon problème n’est qu’à moitié résolu car je ne sais toujours pas commet faire pour mettre 2 ou 3 videos de la meme façon vu que le fichier flv et son player est dans la racine même de spip donc si > 1 vidéo comment va réagir spip (vidéo ou pas ?) comment par conséquent les mettre et le faire comprendre à spip qu’il doit les chercher là bas en utilisant ce player et des articles différents ?

Logo de philippe
vendredi 16 mai 2008 à 20h19, par  philippe

Il est possible de télécharger avec un client FTP le gros fichier vidéo et ensuite de le placer dans le porte folio de l’article à l’aide du plugin Importer massivement des documents distants . Il suffira de recopier le lien vers le chemin complet du fichier vidéo.

En l’occurrence, il n’y aurait qu’un document à importer.

N.B.Le plugin ne rattache que le (ou les) lien HTTP à l’article, il ne fait aucun upload.

Logo de jacques
vendredi 16 mai 2008 à 14h56, par  jacques

C’est très bien,mais lorsque les vidéos
ont , sous format swf ou flv, 3,5 à 11Mo,
c’est plutôt difficile l’usage de l’upload
car spip ne permet l’upload de plus de
2Mo en doc.joint et sur veoh , le fichier
Mpg fait 130Mo c’est lourd au loading.
J’avais trouvé en freeware dvdvideosoft.com qui permet de convertir
plusieurs format de fichier avec le player flv + html adéquat cependant je ne sais pas où mettre fichier video flw+player ou le fichier swf
comment faire ? Une page Html pure et dure n’est pas un article spip alors que dans spip on peut inclure du html , qu’en fait il ? Que de questions pour des vidéos....

Logo de philippe
mercredi 14 mai 2008 à 16h38, par  philippe

Bonjour à tous,

Je me permets de poster dans ce thread pour signaler l’existence d’un plugin que j’utilise avec succès : le Lecteur Multimédia.

Il faut encoder la vidéo en flash et j’utilise personnellement pour cela : Super © de eRightSoft (gratuit).

Après avoir chargé la vidéo en tant que document joint, l’intégration dans un article est la suivante :

<docxx|player|right>
xx étant le n° du document
right si on désire un affichage à droite du corps de l'article (left|center|right)

Possibilité d’affichage en plein écran.

Si cela peut aider …

Lien ci-dessous pour voir une vidéo qui sera bientôt remplacée par une autre de meilleure qualité ([*réalisée en 2007 avec un téléphone portable !! taille : 671 Ko*])

Philippe

Logo de _Eric_
mercredi 7 mai 2008 à 23h06, par  _Eric_

Jacques,

Je trouve que la technique que nous avons utilisé pour le tuto de présentation est pas mal. Tu déposes ta vidéo sur veoh et tu inclus uniquement dans ton article le code suivant :

<center><embed src="http://www.veoh.com/videodetails2.swf?permalinkId=v15304236bJhxbY7&id=6331979&player=videodetailsembedded&videoAutoPlay=0" allowFullScreen="true" width="400" height="326" bgcolor="#000000" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></center>

Va sur le site et laisse toi guider c’est très simple. Cela aussi évitera d’écrouler les perfos de ton site perso.

A+

Logo de jacques
mercredi 7 mai 2008 à 20h03, par  jacques

Actuellement , je me tâtes euh non pas comme vous le pensez ;-) je réfléchis càd
le poids pour l’hébergeur un fichier mov par rapport à un swf et
si je convertis,éventuellement, ces vidéos en fichier swf ,pour les mettre
dans sarka spip,en est-il de même au niveau d’un article ?
Et si je désire garder le contexte sarka c-à-d la mise en page , je bidouille dans les css ?à quel niveau ? c.fr votre video de présentation de sarka

Logo de jacques
mercredi 7 mai 2008 à 17h16, par  jacques

Mais pour le plugin xspf ne faut-il pas
un spip 1.9.3 ? Or je tourne sous spip 1.9.2d , le 1.9.3 n’étant pas prêt de sortir demain , je pense !

Logo de jacques
mercredi 7 mai 2008 à 16h43, par  jacques

de la façon suivante : ??? (blanc !)Sinon

euh ! quelle façon suivante ?
il y aurait pas comme un oubli,là, peut-être ;-)

Logo de _Eric_
mercredi 7 mai 2008 à 13h31, par  _Eric_

Jacques,

Tu peux insérer une vidéo dans n’importe lequel de tes articles et l’édito n’est rien d’autre qu’un article.

Ensuite, tout dépend si tu héberges la vidéo sur ton site ou si tu la "stream" à partir d’un site comme dailymotion ou autre. Dans ce cas, nul besoin de lecteur tu peux simplement insérer un object dans le corps de ton article de la façon suivante :

<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/Sub_g4efSoc&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/Sub_g4efSoc&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object>

Sinon, après les lecteurs multimédia comme le plugin xspf font aussi l’affaire. A toi de voir...

A+

Logo de jacques
mercredi 7 mai 2008 à 11h46, par  jacques

1°) Est-ce que l’on peut mettre une vidéo dans un article qui aurait comme mot clef edito ?
2°) Comment mettre justement cette vidéo
en première page ,certains sites spip écrivent d’aller sur dailymotion,
d’autres de ne faire qu’une pièce jointe
à un article et si je désires mettre cela dans une rubrique c.fr p.ex galerie , que faire ?
3°) Faut il thickbox en plus de splickbox ?

Navigation

Articles de la rubrique

  • Insérer une vidéo dans SPIP

Agenda

<<

2010

>>

<<

Septembre

>>

Aujourd'hui

LuMaMeJeVeSaDi
303112345
6789101112
13141516171819
20212223242526
27282930123
Aucun évènement à venir les 3 prochains mois