Comment insérer une vidéo dans phpboost

Documentations et Dossiers Comment insérer une vidéo dans phpboost

hight_tower

Modérateur

Rang

Inscrit le : 17/09/2009 à 11h09

Messages: 2298

Le 21/02/2013 à 14h35

Information

Toutes & tous vous connaisez la fameuse balise

, mais qui pour des problèmes généraux n'a jamais fonctionné.

Ici je vais vous exposez une liste de code à insérer avec les balises html du phpboost.

Les bases

Avant toutes choses, je me dois de vous mettre en garde, pensez toujours à ceux-ci:

La mise à disposition de la vidéo est une supposition du moment que vous avez les droits
Une copie souvent non conforme au DRM (Digital Rights Management), qui sont des protections contre le piratage sont à vos risques & périls. Par exemple la SABAM pour la Belgique et sacem pour la France.

Les formats qui existent sur le web

Vous connaissez tous Youtube, oui naturellement !

Maintenant vous connaissez aussi d'autres extensions comme:

Flash : fichiers .flv
Quick Time Video : fichier .qt et .mov
Real Video : fichiers .ra .rm (et aussi .rv et .rmvb)
Windows Media : fichiers .wmv

Mais pour les employé comment faire, comme l'intégré sur nos pages web, est bien voici le début du tutoriel qui commence.

Un peu d'encodage:

Il existe nombre de logiciel pour encoder comme tout simplement le Window Movie Maker qui est installé par défaut sur votre machine est qui souvent est utilisé pour Youtube.

Maintenant, je vous donné plus haut 4 types de versions de codec différents. Aucun tutoriel ne vous sera donné, par contre je vous renvoie vers un site pour chacun des liens:

Flash : cela ou ceux-ci
Quick Time Video : http://www.apple.com/quicktime/resources/components.html
Real Video : http://www.real.com/realplayer/video-converter
Windows Media : http://www.clubic.com/telecharger-fiche10223-windows-media-encoder.html

En peu de codage:

Quelques notions de compréhension avant la programmation

<embed> et </embed>
La balise HTML embed est exploitée pour importer dans un document HTML des objets, principalement des fonds sonores ou des animations graphiques en Flash.

controls="true" & controls="true"
En caractère gras la fonction, en caractère italique son attribut. Ici true pour vrai & false pour faux.
Ici la fonction permet d'indiquer ou non le panneau de contrôle

loop="-1"
En caractère gras la fonction, en caractère italique son attribut. Il détermine le nombre de fois que la vidéo doit être lue ; une valeur de -1 signifie qu’elle sera lue indéfiniment.

autostart="true" & autostart="false"
En caractère gras la fonction, en caractère italique son attribut. Ici true pour vrai & false pour faux.
Cela permet d'activer activer ou non automatisme sur la lecture de la vidéo

height="200" et witdh="320"
En caractère gras la fonction, en caractère italique son attribut.
Cela permet de définir la hauteur et la largeur de la vidéo, en italique la valeur se nomme en pixels.

Pour Flash

Utilisation de la balise object

Code HTML :

<object width="320" height="260"  classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="320" height="240" id="chrysonline_flash_video " align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="flvplayer.swf?file=mavideo.flv" />
<param name="quality" value="high" />
<param name="bgcolor" value="#ffffff" />
<embed  width="320" height="260"  src="flvplayer.swf?file=mavideo.flv" quality="high" 
pluginspage="www.macromedia.com/go/getflashplayer" 
 type="application/x-shockwave-flash">
</embed>
</object>

Pour Quick Time

Utilisation de la balise embed

Code HTML :

 
<embed type="video/quicktime "  
SRC="monchemin/mavideo.mov"
width="320" height="240" 
autoplay="true" 
controller="false">
</embed>

Utilisation de la balise object

Code HTML :

 
<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" width="340" height="260"
CODEBASE="http://www.apple.com/qtactivex/qtplugin.cab">
<PARAM name="src" VALUE="monchemin/mavideo.mov">
<PARAM name="autoplay" VALUE="false">
<PARAM name="controller" VALUE="true">
<embed type="video/quicktime"
src="monchemin/mavideo.mov"
width="340" height="260"
autoplay="false"
controller="true">
</embed>
</object>

Pour Real player

1er cas: une vidéo à la lecture par le lecteur externe ou au téléchargement.

Code HTML :

<a href="monchemin/mavideo.rm">Regardez ma video</a>

2eme cas: une vidéo qui sera lu par le Real Player

Pour que la lecture du fichier démarre dès qu’on clique sur le lien, il faut créer un fichier d’appel .ram correspondant au fichier .rm de la video.

Un fichier .ram est un fichier texte tout ce qu’il y a de plus simple : il ne contient que l’adresse à laquelle le RealPlayer doit aller chercher le fichier .rm associé.

Exemple : si votre video devra être lu à cette adresse :
http://www.monsite.com/mavideo.rm
Vous utilisez un simple éditeur de texte pour créer le fichier .ram qui ne contiendra que l’adresse ci-dessus et rien d’autre. Vous l’enregistrez sous : mavideo.ram
Ensuite vous créez un lien qui ressemblera alors à ceci :

Code HTML :

<a gref="http://www.monsite.com/monchemin/mavideo.ram">Regardez ma vidéo</a>

3eme cas: intégration du Real Player dans votre page Web

Vous pouvez souhaiter que le Real Player ne s’ouvre pas dans sa propre fenêtre. Real Player n’est pas seulement une application indépendante : c’est également un plug-in et un composant ActiveX. Il peut donc s’ouvrir dans votre page Web. Il est plus judicieux de partir du fichier .ram, obtenu comme indiqué ci-dessus... mais on peut aussi appeler directement le fichier video lui-même (c’est à dire le .rm). Pour les navigateurs Mozilla et Internet Explorer, nous utiliserons la balise

Code HTML :

 
<embed type="audio/x-pn-realaudio-plugin" 
SRC="monchemin/mavideo.ram"
width="320" height="240" 
autostart="true" 
controls="imagewindow" 
console="video">
</EMBED>

Pour les utilisateurs d'internet Explorer:

Code HTML :

<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" 
height="260" width="180">
<param name="console" value="video">
<param name="controls" value="ImageWindow">
<param name="autostart" value="true">
<param name="src" value="monchemin/mavideo.rm">
<embed height="260" width="180"
src=" monchemin/mavideo.rm "          
type="audio/x-pn-realaudio-plugin"
controls="ImageWindow" console="video" 
autostart="true">
</object>

Pour Windows Media Player

Utilisation de la balise embed

Code HTML :

<embed type="application/x-mplayer2" 
src="monchemin/mavideo.wmv"
width="320" height="240"
autostart="1" 
showcontrols="0">
</embed>

Utilisation de la balise object

Code HTML :

<object id="video1" width=160 height=162 classid="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/
mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Chargement..."
type="application/x-oleobject">
<param name="FileName" value="monchemin/mavideo.wmv">
<param name="AutoStart" value="false">
<embed type="application/x-mplayer2"
pluginspage = "http://www.microsoft.com/Windows/MediaPlayer/"
src="monchemin/mavideo.wmv"
name="video1" width=160 height=162 AutoStart=false>
</embed>
</object>