html5-video- все статьи тега ➜ страница 0


Как отключить элементы управления по умолчанию на полноэкранном видео HTML5?

У меня есть видео заданной ширины и высоты, двойной щелчок по которому делает его полноэкранным с помощью videoElement.webkitRequestFullScreen(). По умолчанию видео не имеет никаких элементов управления. Но по какой-то причине при переходе на полный экран всплывают элементы управления по умолчанию. Вот что я делаю: <video id="videoId" width="320" height="240" autoplay="autoplay" ondblclick="enterFullScreen('videoId')" src="Blah.mp4"></video> И функция enterFullScreen(...) определ ...

TextTrackList onchange событие не работает в IE и Edge

Событие TextTrackList.onchange не работает вIE иEdge . В Chrome и FireFox это работает нормально. Есть ли какая-либо альтернатива, которую я могу использовать? Я искал доступные события , но не нашел ни одного. Или как я могу создать обходной путь? Так он работает среди всех браузеров? Https://www.javascripture.com/TextTrackList var video = document.getElementById('video'); video.textTracks.addEventListener('change', function () { console.log("TextTracks change event fired! ...

Несколько звуковых дорожек для видео HTML5

Я создаю видео для своего сайта с помощью HTML5. В идеале, у меня был бы только один беззвучный видеофайл и пять различных звуковых дорожек на разных языках, которые синхронизируются с видео. Тогда у меня была бы кнопка, которая позволяла бы пользователям переключаться между звуковыми дорожками, даже когда видео воспроизводится; и правильная звуковая дорожка оживала бы (без паузы или начала видео или чего-либо еще; так же, как выбор звуковой дорожки DVD). Я могу сделать это довольно просто в F ...

Элементы управления видео HTML5 исчезают в полноэкранном режиме на устройствах android

Я разрабатываю кросс-платформенное приложение, используя cordova с угловым материальным передним концом. Я использую HTML5 Видео теги в списке md-карт для воспроизведения видео с внешними URL-адресами. Когда встроенные видео воспроизводятся правильно и отображают собственные элементы управления, как и ожидалось. <video class="project-video" video-directive item="$ctrl.project" ng-src="{{$ctrl.project.videoUrl | trustUrl}}" preload="auto" controls poster="{{$ctrl.project.video.thu ...

Отключить автоматический полноэкранный режим встраиваемых YouTube на iPhone

Как мы узнаем из других вопросов на сайте, чтобы в iOS Mobile Safari у нас есть эти вкусные атрибуты webkit-playesinline и более сжатые playsinline, чтобы отключить автоматический полноэкранный режим видео. Несмотря на это чудо, я до сих пор не могу понять, как добавить это в YouTube html5 embeds. Как и ожидалось, YouTube <video> содержится в <iframe>. Идеальным результатом является что-то вроде следующего: <video tabindex="-1" class="video-stream html5-main-video" ...

Определить, когда заканчивается видео HTML5

Как вы обнаружите, когда HTML5 <video> элемент закончил играть? ...

Остановка / закрытие веб-камеры, которая открывается навигатором.getUserMedia

Я открыл веб-камеру, используя следующий код JavaScript: navigator.getUserMedia есть ли код JavaScript, чтобы остановить или закрыть веб-камеру? Поблагодарить каждого. ...

Сделайте видео-плакат HTML5 таким же размером как само видео

кто-нибудь знает, как изменить размер видео-плаката HTML5 таким образом, чтобы он соответствовал точным размерам самого видео? вот jsfiddle, который показывает проблему:http://jsfiddle.net/zPacg/7/ вот этот код: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo. ...