Поделиться через


Как увеличивать и удалять полосы киноформата "Letterbox" из видео (HTML)

[ Эта статья адресована разработчикам приложений среды выполнения Windows для Windows 8.x и Windows Phone 8.x. В случае разработки приложений для Windows 10 см. раздел последняя документация]

Свойство msZoom можно использовать для увеличения видео и удаления из обработанного видео полос киноформата "Letterbox" или "Pillarbox".

Инструкции

Использование атрибута msZoom

Если собственные пропорции видеокадра, определяемые атрибутами videoWidth и videoHeight, не соответствуют пропорциям тега Video, которые задаются атрибутами width и height, обработанное видео отображается в форматах "Letterbox" или "Pillarbox". Эти форматы характеризуются наличием на видеоизображении черных полос — слева и справа (в случае "Letterbox") вверху и внизу (в случае "Pillarbox").

Когда атрибуту msZoom присваивается значение True, обработанное видео усекается до размеров объекта Video. Усечению подвергаются либо верхний и нижний края видеоизображения, либо его левый и правый края.

Например, если область разметки для тега video имеет пропорции 4:3, а входящий поток имеет пропорции 16:9, то с помощью атрибута msZoom можно воспроизвести исходное видео формата 16:9 в формате 4:3. Обработанное видео в этом случае займет все пространство объекта Video.

В этом примере считывается объект Video, определенный в HTML-коде, и его атрибуту msZoom присваивается значение True.

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

Связанные разделы

Образец воспроизведения мультимедиа

msZoom