Exemple
Changer la largeur du lecteur vidéo:
document.getElementById("myVideo").width = "500";
Essayez vous - même » Définition et utilisation
Les ensembles de propriétés de largeur ou retourne la valeur de la width attribut d'une vidéo.
La width attribut spécifie la largeur d'un lecteur vidéo, en pixels.
Astuce: Toujours spécifier la hauteur et la largeur des attributs pour les vidéos. Si la hauteur et la largeur sont définies, l'espace requis pour la vidéo est réservé lorsque la page est chargée. Toutefois, sans ces attributs, le navigateur ne connaît pas la taille de la vidéo, et ne peut pas réserver l'espace qui lui est propre. L'effet sera que la mise en page va changer au cours du chargement (pendant le chargement de la vidéo).
Note: Ne pas rééchelonner vidéo avec la hauteur et la largeur des attributs! Downsizing une grande vidéo avec la hauteur et la largeur des attributs force un utilisateur à télécharger la vidéo d' origine (even if it looks small on the page) . La bonne façon de rééchelonner une vidéo est un programme avant de l'utiliser sur une page.
Support du navigateur
La propriété width est pris en charge dans tous les principaux navigateurs.
Note: Internet Explorer 8 et les versions antérieures, ne prennent pas en charge la <video> élément.
Syntaxe
Retour la propriété width:
videoObject .width
Définissez la propriété width:
videoObject .width= pixels
Valeurs de propriété
Valeur | La description |
---|---|
pixels | Spécifie la largeur du lecteur vidéo, en pixels (ie width="100") par (ie width="100") |
Détails techniques
Valeur de retour: | Un nombre, représentant la largeur de la vidéo, en pixels |
---|
autres exemples
Exemple
Obtenez la largeur d'une vidéo:
var x = document.getElementById("myVideo").width;
Le résultat de x sera:
320
Essayez vous - même » Pages associées
Référence HTML: HTML <video> attribut width
<Video Object