Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
Библиотека JAVASCRIPT SE@RCHER
ИЗБРАННЫЕ ПРИМЕРЫ JAVASCRIPT+CSS 2013 года
На текущий момент, существует 3 поддерживаемых видео формата для элемента video:
Формат
IE
Firefox
Opera
Chrome
Safari
Ogg
Нет
3.5+
10.5+
5.0+
Нет
MPEG 4
9.0+
Нет
Нет
5.0+
3.0+
WebM
Нет
4.0+
10.6+
6.0+
Нет
Ogg = Ogg файлы с видео кодеком Theora и аудио кодеком Vorbis
MPEG4 = MPEG 4 файлы с видео кодеком H.264 и аудио кодеком AAC
WebM = WebM файлы с видео кодеком VP8 и аудио кодеком Vorbis
пример:
<video src="mountvideo.ogv" width='300' height='200' controls='controls'></video>
этот пример правильно отображается в браузерах Opera, Firefox и Chrome
а Internet Explorer и Safari поддерживает MPEG4
Браузер Chrome поддерживает все указанные форматы.
для всех браузеров:
<video width="300" height="200" controls="controls">
<source src="video.ogv" type="video/ogg" />
<source src="video.mp4" type="video/mp4" />
<source src="video.webm" type="video/webm" />
</video>
Программы для видео HTML 5
easyhtml5video-win-setup.zip
[ Преобразование любого видео в HTML5! MP4, OGG, WebM]
Free3GPVideoConverter.zip [ Free 3GP Video Converter - простая в использовании программа для конвертирования видео с сотовых телефонов в распространенные видеоформаты.
Теперь программа поддерживает многочисленный список видеоформатов: *.avi, *.ivf, *.div, *.divx, *.ogv, *.mpg, *.mpeg, *.mpe, *.mp4, *.m4v, *.wmv, *.asf, *.mov, *.qt, *.ts, *.mts, *.m2t, *.m2ts, *.mod, *.tod, *.3gp2, *.3gpp, *.3gp, *.3g2, *.dvr-ms, *.vro, *.flv, *.amv, *.rm, *.rmm, *.rv, *.rmvb, *.mkv.
Free 3GP Video Converter поддерживает режим пакетной конвертации. Можно конвертировать несколько файлов одновременно. ]
MiroVideoConverter_Setup.zip [ Конвертировать практически любые видео в MP4, WebM ]
ПРИМЕРЫ HTML 5
Звук HTML5
Звук HTML5 автоматически при загрузке окна
Звук Аудиоплеер HTML5 с показом вертикального меню
Видео HTML5 МР4
Видео HTML5 MediaElement
Видео HTML5 MediaElement (jquery) Клик на фото показ видео
Видео HTML5 (jquery) Автозагрузка видео Клик на видео показ фото и стоп
Видео HTML5 MediaElement (jquery)
Видео HTML5 MediaElement (jquery)
Видео HTML5 MediaElement - Events (jquery)
Видеоплеер HTML5 (jquery) [mp4 ogv webm] Под контрольной панелью вертикальное меню из линков
Видеоплеер HTML5 с показом увеличенного видео кнопкой на панели управления
Видеоплеер HTML5 с выбором видео линком на панели управления (jquery)
Видеоплеер HTML5 с автоматическим показом нескольких видео (jquery)
Видеоплеер с показом увеличенного видео кнопкой на панели управления (jquery.js)
Видео HTML5 Вместо начального фото заставка из видео (Jquery + mediaelement-and-player.min.js) Панель управления вверху кадра
Видео HTML5 Вместо начального фото заставка из видео (Jquery + mediaelement-and-player.min.js) Панель управления отсутствует Остановка видео клик на кадре
Видео HTML5 Вместо начального фото заставка из видео (Jquery + mediaelement-and-player.min.js)
Видео HTML5 Кнопка стоп в середине кадра [оптимизированный скрипт]
Видео HTML5 (html5video.js) Видео при загрузке окна Панель управления появляется под курсором
Видео HTML5 (html5video.js) Видео с закругленным обрамлением
Видео HTML5 Автозагрузка видео при открытии файла {autoplay} Панель управления появляется под курсором
Видео HTML5 Варианты контрольной панели Кнопка стоп в середине кадра Skin
Видео HTML5 Варианты контрольной панели Кнопка стоп в середине кадра TED SKin
Видео HTML5 Варианты контрольной панели Кнопка стоп в середине кадра WMP SKin
Видео HTML5 Контрольная панель видна при загрузке
Видео HTML5 Контрольная панель видна при наведении
Видео HTML5 Линк открытия блока (Highslide JS)
Видео HTML5 МР4
Видео HTML5 МР4
Видео HTML5 видео автоматически повторяется {loop} Вместо начального фото заставка из видео
Видео HTML5 видео с preload
Видео HTML5 видео с предварительным показом фото
Видео HTML5 при наведении увеличивается (video:focus) Кнопка стоп в середине кадра
Видео HTML5 при наведении увеличивается (video:focus)
Видео HTML5 с кнопками вместо панели управления
Видео HTML5 с кнопками вместо панели управления
Видео HTML5 с кнопкой стоп в центре кадра
Видео HTML5
Видео HTML5 Окно модальное с видео HTML5 на HTML5 и CSS3
Видеоплеер HTML5 [mp4 ogv webm] Вариатнт ClassicSkinPlay Параметры воспроизведения
Видеоплеер HTML5 [mp4 ogv webm] Вариант ClassicSkinPlay
Видеоплеер HTML5 [mp4 ogv webm] Вариант LineSkinPlay
Видеоплеер HTML5 [mp4 ogv webm] Вариант LineSimpleSkinPlay (изменен фон)
Видеоплеер HTML5 [mp4 ogv webm] Вариант LineSimpleSkinPlay
Видеоплеер HTML5 [mp4 ogv webm] Вариант LineSimpleSkinPlay с разрешенными параметрами
Видеоплеер HTML5 [mp4 ogv webm] Вариант LineSimpleSkinPlay с разрешенными параметрами
HTML5 Видеоплеер (jQuery)
HTML5 Видеоплеер Video.js
HTML5 Видеоплеер VGS
HTML5 Видеоплеер (Flare Video) [JQUERY]
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement)
HTML5 Видеоплеер (mediaelement) Видеогалерея
HTML5 Видеогалерея с помощью div (CSS)
HTML5 Видеогалерея с помощью div (CSS)
Видео HTML5 Поддерживает ли ваш браузер видео HTML5
transition [примеры]
canvas [примеры]
jquery UI [примеры]
menu [примеры]
Главная стр. [примеры]
Библиотека JAVASCRIPT 1997- Дизайн и сопровождение © SE@RCHER