Comment faire un zoom avant et supprimer le format Letterbox d’une vidéo (HTML)

[ Cet article est destiné aux développeurs Windows 8.x et Windows Phone 8.x qui créent des applications Windows Runtime. Si vous développez une application pour Windows 10, voir la Documentation ]

La propriété msZoom peut servir à zoomer dans une vidéo en vue de supprimer le format cadre ou « pillar box » de la vidéo affichée.

Instructions

Utilisation de l’attribut msZoom

Si les proportions natives d’une image vidéo, telles que définies par les attributs videoWidth et videoHeight, ne correspondent pas aux proportions de la balise Video, telle que définie par les attributs width et height, la vidéo est affichée au format cadre ou « pillar box ». Les formats cadre et « pillar box » sont les barres noires qui apparaissent soit à gauche et à droite de la vidéo, soit en haut ou en bas de la vidéo.

Lorsque l’attribut msZoom est associé à la valeur True, la vidéo affichée est rognée afin de s’ajuster aux dimensions de l’objet Video. L’ajustement s’effectue soit en haut et en bas de la vidéo, soit à gauche et à droite de la vidéo.

Par exemple, si l’espace réservé à la disposition de la balise est au format 4:3 mais que le flux entrant est au format 16:9, l’option msZoom peut être utilisée pour afficher la vidéo 16:9 au format 4:3. La vidéo affichée occupera alors l’espace intégral de l’objet Video.

Cet exemple illustre l’obtention d’un objet Video et l’affectation à la propriété msZoom de la valeur True.

   <script type="text/javascript">
       var myVideo = document.getElementById("videoTag1");
       myVideo.msZoom = true;
       myVideo.play();
   </script>

Rubriques associées

Exemple de lecture de contenus multimédias

msZoom