Insérer une vidéo dans page web

[flippy]

Bonjour à tous. C'est la première fois que je dois insérer une vidéo dans une page web et j'ignore tout de la procédure et du format vidéo le plus adapté
- Quel serait le code pour placer cette vidéo (dans une div) ?
- Manip supplémentaire pour avoir des commandes marche-arrêt-pause ?
- Faut-il désigner l'emplacement en lien absolu ?
- Quel est le format le plus pratique (flv, mov ou autre) ?
- Quel est le poids raisonnable d'une vidéo de 3 mn environ ?
Merci d'aider un débutant en la matière

 

[pb88081]

Bonjour,
Voici deux liens :
http://www.cyberformateur.com/support/dream/inserer-video-quicktime.htm
http://www.aidoweb.com/tutoriaux/mettre-video-site-227

Bonne soirée

 

[flippy]

Merci, je pense que je vais trouver mon bonheur avec ces liens

 

[Anonyme]

Si tu es en html 5 :

<video height="300" width="400" controls="controls">
    <source src="http://www.monsite.com/videos/video_h264.mp4" type="video/mp4"/>
    <source src="http://www.monsite.com/videos/video_vp8.webm"  type="video/webm"/>


    <object type="application/x-shockwave-flash" data="http://www.monsite.com/videos/player_flv.swf" height="300" width="400">
        <param name="movie" value="http://www.monsite.com/videos/player_flv.swf" />
        <param name="wmode" value="transparent" />
        <param name="allowFullScreen" value="true" />
        
        <param name="FlashVars" value="flv=http://www.monsite.com/videos/video_h264.mp4&amp;width=400&amp;height=300&amp;margin=1&amp;showfullscreen=1&amp;showvolume=1&amp;showtime=1" />
        <a href="http://www.monsite.com/videos/videok_h264.mp4">Vidéo au format MP4</a> ou <a href="http://www.monsite.com/videos/cod2_sur_macbook_theora.webm">Vidéo au format webm</a>
    </object>
</video>

En bref, utilisation de la balise video et si le navigateur est ancien et ne la comprend pas, il utilise un lecteur flash pour lire la vidéo en mp4.

 

[flippy]

Non, je suis en xhtml 1.0 Transitional...

 

[Anonyme]

Alors utilise juste cette partie (avec le lecteur flash cité ci-dessus) :

    <object type="application/x-shockwave-flash" data="http://www.monsite.com/videos/player_flv.swf" height="300" width="400">
        <param name="movie" value="http://www.monsite.com/videos/player_flv.swf" />
        <param name="wmode" value="transparent" />
        <param name="allowFullScreen" value="true" />
        
        <param name="FlashVars" value="flv=http://www.monsite.com/videos/video_h264.mp4&amp;width=400&amp;height=300&amp;margin=1&amp;showfullscreen=1&amp;showvolume=1&amp;showtime=1" />
        <a href="http://www.monsite.com/videos/videok_h264.mp4">Vidéo au format MP4</a>
    </object>

 

[flippy]

Merci pour le code correspondant. Donc on serait en FLV (ça devient plus limpide pour moi ).

 

[Anonyme]

Non un fichier mp4/m4v standard, le fichier flv c'est le player. Si le navigateur ne comprend pas flash, il y a un lien direct sur la vidéo.

 

[flippy]

Ah OK ! Le player lit donc le mp4 . La vidéo doit être obligatoirement à la racine du serveur ou ça peut être dans un répertoire images par exemple ?

 

[Anonyme]

D'un point de vue technique ça ne change rien mais pour ton organisation c'est qu'il vaut mieux les mettre dans un répertoire/sous-répertoire.

Le tout est d'avoir les chemins corrects vers les fichiers dans le code html.

 

[flippy]

OK merci pour le conseil. Je vais essayer de bidouiller tout ça ...