HTML5 video poster

09.03.2013, 13:23. Показов 1320. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Есть mp4, нужно в тег video добавить автоматически картинку по умолчанию. Причем автоматически. У меня будет много видео и автоматическое добавление. Вырезать картинку руками и каждый раз закачивать на сайт не выход.

Один вариант предложен тут http://stackoverflow.com/quest... tml5-video . Я попробовал работает. Но только когда одно видео на странице, в цикле Попкорн стопорит. Или я что-то не так делаю.

JavaScript
1
2
3
4
5
6
7
8
9
var f1 = document.getElementsByClassName('video');
alert(f1.length);
for (var i=0; i<f1.length; i++){
var video = Popcorn("#"+ f1[i].id);
video.listen( "canplayall", function() {
this.currentTime( 10 ).capture();
});
alert('ok');
}

для первого видео ставится картинка, сообщение "ок" уже не выводится.

Пожалуйста, подскажите, как побороть эту проблему?

cpp_developer

Эксперт

20123 / 5690 / 1417

Регистрация: 09.04.2010

Сообщений: 22,546

Блог

09.03.2013, 13:23

Ответы с готовыми решениями:

Как заменить ссылку на poster у тега video через JS?
Специалисты! Нужна ваша помощь, помогите пожалуйста. Нужно заменить ссылку у атрибута poster тега video с классом .my-guest. Причем...

Video в html5
Вставил видео на страницу, прописал controls, теперь когда страница открывается то контрольная панель сразу отображается и портится весь...

Autoplay video html5
На фон установлено видео <div id = "topVideoCover"> <video src="#" id = "tVC" autoplay loop width = "100%" type =...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

raxper

Эксперт

30234 / 6612 / 1498

Регистрация: 28.12.2010

Сообщений: 21,154

Блог

09.03.2013, 13:23

Помогаю со студенческими работами здесь

HTML5 VIDEO, youtube и vimeo
Здравствуйте! Подскажите, есть ли какой плагин, который позволяет управлять видео html5 video, youtube и Vimeo? Т.е. не меняя структуру....

Различие между событиями onplay и onplaying (html5 audio / video)
Объясните пожалуйста в чём различие событий onplay и onplaying и какое событие лучше использовать?

Как указать poster для тега video через css?
Всем привет! Подскажите пожалуйсто, можно ли указать poster для тега video через css? либо как то скрыть его или убрать?

Плейлист в HTML5 Video
Здравствуйте. На данный момент существует такой код: <html > <head> <title>ДПМ Плеер</title> <script...

HTML5 Video и потоковое видео
Доброго времени суток!!! Возможно ли в HTML5 video проигрывать потоковое видео H.264 по rtmp?

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Подключение Box2D v3 к SDL3 для Android: физика и отрисовка коллайдеров 8Observer8 29.01.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .	Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .

Наверх