CLIP VIDÉO

Publié le par N.L. Taram

CLIP VIDÉO

Comment publier un petit clip vidéo dans un article (exemple : Rocamadour 2006).

1 – Origine You Tube :

a  - Lancer la vidéo à partir du site You Tube, cliquer dessus avec la touche droite de la souris, cliquer sur « copier le code d’intégration », exemple (pour utiliser ce code, ajouter < au début et > à la fin).

iframe width="640" height="360" src="https://www.youtube.com/embed/3DLejPk0_ZY" frameborder="0" allowfullscreen></iframe

b - Modifier les dimensions, pour Overblog maximum width=”600” height=”350” pour afficher dans l’article ou width=”286” height=”235” pour afficher dans la colonne de droite (largeur maxi 300).

c - Dans l'article où vous souhaitez mettre ce clip, copier ce code d’intégration dans une section « htmp » ou une section « Texte » après avoir cliqué sur l’icône « Source » (  ) .

2 – Origine ordinateur :

a - Mettre le fichier vidéo au format MP4.

b - Pour l’héberger sur Overblog, il ne doit pas dépasser 8 Mo.

c - Charger ce fichier dans un article restant en « Brouillon » dans une section « Fichier » (   ).

d - Enregistrer l’article en « Brouillon », ensuite faire un « Aperçu ».

e - Cliquer avec la touche droite de la souris sur le titre du fichier MP4 et  « copier l’adresse du lien », exemple : http://data.over-blog-kiwi.com/0/99/19/90/20161125/ob_dc1f38_celtic-skies.mp4

f - Insérer ce lien dans un code d’intégration, exemple (pour utiliser ce code, ajouter < au début et > à la fin) :

script type="text/javascript" src="http://www.supportduweb.com/page/js/flashobject.js"></script>
<div id="player_2696" style="display:inline-block;">
      <a href="http://get.adobe.com/flashplayer/">You need to install the Flash plugin</a> - <a href="http://www.supportduweb.com/">http://www.supportduweb.com/</a>
</div>
<script type="text/javascript">
      var flashvars_2696 = {};
      var params_2696 = {
            quality: "high",
            wmode: "transparent",
            bgcolor: "#ffffff",
            allowScriptAccess: "always",
            allowFullScreen: "true",
            flashvars: "fichier=
http://data.over-blog-kiwi.com/0/99/19/90/20161125/ob_dc1f38_celtic-skies.mp4&auto_play=true"
      };
     
var attributes_2696 = {};
      flashObject("http://flash.supportduweb.com/flv_player/v1_28.swf", "player_2696", "400", "225", "8", false, flashvars_2696, params_2696, attributes_2696);
</script

Les mentions "400" et "225" notées à la fin du code d'intégration, correspondent aux dimensions du clip/vidéo : width=400 et height=225, vous pouvez mettre 576 et 324 ou 720 et 405 selon la largeur de la page publiée.

Mention pour un démarrage immédiat &auto_play=true ou &auto_play=0 pour démarrage à la demande.

La suite comme “b” et “c” de l’exemple You Tube.

 

Publié dans Divers

Commenter cet article

Mehdi 10/08/2017 15:23

Bonjour

article bien expliqué. je note notamment le code du support du web au cas ou.

Bonne continuation

N.L. Taram 10/08/2017 19:02

Merci Mehdi de ta visite. Ce genre d'exercice occupe ma retraite. Je viens lire régulièrement tes conseils sur le forum d'aide OB. Toujours intéressant...