Articles of html5 video

Ошибка видео html5 на телефоне Windows

Я пытаюсь интегрировать видео для мобильных телефонов с HTML5. На iphone, хорошо, на Android это медленно, но хорошо, и для телефона Windows у меня ошибка: неверный источник. Это код, который не работает для Windows Phone: Я попробовал код W3Schools на мобильных телефонах и работал на Windows Phone (это .mp4, который работает на WP): Какая у […]

При кодировании в HTML, почему загрузка видео на некоторых устройствах Android, а не на других?

Видео, которое я включил в мое приложение, работает только на определенных устройствах. Например, он отлично работает на iPhone, Galaxy S6, Nexus 6 и т. Д. Тем не менее, видео загружается бесконечно в примечании 4. У кого-нибудь есть решение? Вот fragment того, как я называю видео.

Проблемы с вложением mp4-видео

Я пытаюсь использовать тег html5 для встраивания mp4, но у меня есть некоторые проблемы, которые различаются в разных браузерах. Мой код выглядит так: IE – не будет распознавать файл при попытке вставить (редактировать: IE фактически перетаскивал размер файла не в формат), и когда uri моего видео подключен к адресной строке, он открывает видео в Windows […]

Как сделать пользовательский видеоплеер применимым к нескольким видео?

У меня есть несколько HTML-видео на моей странице и вы хотите применить к ним этот пользовательский видеоплеер. Дело в том, что это работает только для первого видео, а не для второго, третьего и четвертого. Я не знаю, с чего начать. Я сделал скрипку текущего состояния: JSFiddle Мой Javascript /* Get Our Elements */ const player […]

CSS – Фоновое видео кажется для увеличения

Я пытаюсь представить фоновое видео в разделе моего сайта. Этот раздел имеет определенную высоту 530px. Однако изображения слишком сильно увеличены. HTML: CSS: html { min-height: 100%; position: relative; } body { margin: 0 0 150px; } body, h1, h2, h3, dt, dd { margin: 0 auto; padding: 0; } .home-banner { display: block; height: 530px; […]

HTML: почему видеокарта превышает ее нижнюю границу?

Я пытаюсь показать фиолетовое покрытие над элементом , но я не знаю, почему обложка немного превышает нижнюю границу видео. Вот мой код: .media-cover { display: inline-block; position: relative; } .media-cover:after { content: ”; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #6b478fb3; opacity: 0; } .media-cover:hover:after { opacity: 1; } video { […]

Несколько запросов mp4 в Chrome застряли в ожидании ‘

У меня есть список фильмов (кнопок), которые – когда пользователь нажимает – выполняет запрос AJAX для обновления атрибута источника видеотега. Перед загрузкой нового видео (.load ()), видео-элемент клонируется, удаляется, а затем повторно вставлен в DOM (это исправление ошибки Safari). См. Следующий код: //load in new paths var contentVideos = $(“#projectsMedia video source”); contentVideos.each(function () { […]

Как рисовать фигуру на видео HTML5 с помощью SVG?

Я пытаюсь рисовать фигуры поверх видео HTML5, но мне трудно понять, как это сделать. Я знаю, как применять маску поверх видео: SVG Test .target1 { mask: url(“#mask1”); } Но как мне сделать что-то вроде рисования полилинии поверх видео? Я могу нарисовать линию в другом месте на странице, например: SVG Test Но я просто не могу […]

Оптимальный размер файла для фонового видео streamа html5 с помощью JWPlayer?

На домашней странице моего сайта у меня есть полноэкранное фоновое видео html5, воспроизводимое через JWPlayer. Мое подключение к Интернету настолько быстро, что оно загружается мгновенно и прекрасно воспроизводится. Поэтому мне интересно, какой будет оптимальный размер файла или как это проверить? В настоящее время у меня есть качественная 1-минутная версия на 10 МБ. благодаря

Как браузер определяет, отображается ли полноэкранная кнопка или нет для тегов HTML5?

Поэтому я довольно долго искал ответ на этот вопрос, но до сих пор не смог его найти. Это мой первый раз, когда мы действительно изучаем видео-вопросы HTML5, поэтому, пожалуйста, простите меня, если мой вопрос будет абсолютно глуп. Я прочитал немало вещей об этом потрясающем теге видео и о том, как он работает. Тем не менее, […]