Vidéo Nicole

Cette page pour essayer de comprendre la question de notre fidèle américaine.

Sa vidéo est au format MP4, fait 2.9 Mo en taille de 960x540px.

Pour la publier dans une page blog, il faut l'héberger sur un site d'hébergement vidéo: Youtube, Dailymotion, Vimeo ou bien d'autres, à rechercher sur le net; il suffit de s'inscrire gratuitement, d'envoyer votre vidéo et de récupérer le code d'intégration.

Je crois me rappeler qu'elle est inscrite sur Dailymotion, moi aussi mais il y a longtemps et je vais faire l'essai sur Youtube, où j'ai une chaîne.

Identifié, je peux charger la vidéo et, après le temps de traitement l'ouvrir, par son adresse qui m'est indiquée.

En la visionnant, dessous, j'ai un bouton pour obtenir le code d'intégrtion, que je peux copier en code source (<>): le voici:

<iframe width="560" height="315" src="https://www.youtube.com/embed/EY4r9mz14Cc" frameborder="0" allowfullscreen></iframe>

Les dimensions de cet "iframe" sont 560x315px et si je souhaite les modifier, de préférence en conservant le ratio entre largeur et hauteur, il me suffit de modifier ces valeurs: exemple:

<iframe width="960" height="540" src="https://www.youtube.com/embed/EY4r9mz14Cc" frameborder="0" allowfullscreen></iframe>

Ci-dessous, ces deux codes saisis en code-source:

A la création de l'article, les vidéos ne sont représentées que par leur cadre à la dimension mais, à l'enregistrement, elles s'affichent dans la page.

Si vous voulez donner une apprence particulière sur cet iframe, je pense qu'il est préférable de jouer sur le paragraphe qui le contient; la partie basse, comportant les boutons de commande, ne peut être cachée; un exemple:
<p style="width: 960px; height: 540px; border: 8px double black; border-radius: 50% 50% 0% 0%; margin: 10px auto; overflow: hidden;"><iframe src="https://www.youtube.com/embed/EY4r9mz14Cc" frameborder="0" width="960" height="540" allowfullscreen="allowfullscreen"></iframe></p>