Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.

Пн Вт Ср Чт Пт Сб Вс
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31


Чувашия-это моя Россия

Новые теги HTML5 - video.

Поддержка Браузеров

Internet Explorer Интернет эксплорер Google Chrome Google Chrome Opera Опера Firefox Firefox Safari.

Внимание!!! Internet Explorer 8 и более ранние версии, не поддерживают < video> тег.

Определение и использование. Тег < video> указывает видео, таких как фрагмент ролика или других видео потоков, то есть тег < video> добавляет, воспроизводит и управляет настройками видеоролика на страницах сайта. Путь к конкретному файлу задается через атрибут src или вложенный тег < source>. Список поддерживаемых браузерами аудио и видеокодеков ограничен: .odd; wwv; mp3; Читайте не спеша и применяйте актуальные теги на Своих страницах сайта. Успехов Вам в деле создания своего сайта.

Отличия между HTML 4.01 и HTML5. Тег < video> является новым в HTML5. Любой текст между < video> и < /видео> тегами будет отображаться в браузерах, которые не поддерживают элемент < video>.

Основы разметок HTML дают необходимый минимум материала, чтобы отображать документ на странице сайта. В настоящее время в разработках HTML наблюдается следующий цикл создания основ HTML. На более высоком интерактивном уровне. В самих разметках создаются атрибуты, которые самостоятельно оживляют действия над объектами при создании и оформления страниц сайта. Будет прорыв основ HTML в голосовом управлении всеми действиями на страницах сайта. Все трудоемкие процессы по созданию сайта возьмет на себя машина и основы HTML преобразятся. Что из этого выйдет - покажет время, точнее идет прорыв в данном направлении. Вам не безразлично будет, когда будете создавать свой сайт изучая основы HTML в этом изложении.

Творите и созидайте. Увлекательно и интересно, потому что Вам подвластны глубинные механизмы воздействия высшей математики и физики на таинство возникновения и проявления нового и красивого сайта. Удач и успехов Вам в сайтостроении.

Определение и Использование

<видео> тег указывает, видео, таких как видео клип или других видео потоков.

в Настоящее время существуют 3 поддерживаемые видео форматы для <видео> элемент: MP4, WebM, и Ogg.

Обозревателя MP4 WebM Ogg
Internet Explorer да
Chrome да да да
Firefox нет
Update: Firefox 21 под управлением Windows 7, Windows 8, Windows Vista, и теперь поддерживает Android MP4
да да
Safari да
Opera да да


  • MP4 = MPEG-4 файлы с H264 кодек видео и AAC аудио кодек
  • WebM = WebM файлы с VP8 видео кодек и аудио кодек Vorbis
  • Ogg = Ogg файлы с Theora видео кодек и аудио кодек Vorbis


  • MIME Типы Форматов Видео

    Формат MIME-тип
    MP4 видео/mp4
    WebM видео/webm
    Ogg видео/ogg


    Дополнительные Атрибуты

    Вновь : Новое в HTML5.

    Атрибут Значение Описание
    autoplay автозапуск Определяет, что видео начнет воспроизводиться, как только он будет готов
    controls элементы управления Определяет видео отображение элементов( таких как воспроизведение/пауза кнопки и т.д.).
    height пикселей Определяет высоту видео плеер
    loop loop Определяет, что видео будет начинаться снова и снова
    muted приглушенные Определяет выход и видео должно быть выключено
    poster URL Определяет изображение, которое будет показано во время видео загрузки, или до тех пор, пока пользователь не нажимает кнопку воспроизведения
    preload авто
    метаданные
    нет
    Определяет автозагрузку видео при загрузке страницы
    src URL Задает URL-адрес файла видео
    width пикселей Задает ширину видео плеер


    Пишем программу - Воспроизведение видео:

    < !DOCTYPE html>
    < html>
    < body>
    
    < video width="400" height="300" controls>
      < source src="movie.mp4" type="video/mp4">
      < source src="movie.ogg" type="video/ogg">
     Ваш браузер не поддерживает тег видео.
    < /video>
    
    < /body>
    < /html>                   
    

    Результат программы:




    seosait21.ru
    HTML

    seosait21.ru
    CSS

    seosait21.ru
    Web-диз.
    HTML ссылка CSS ссылка ...

    seosait21.ru
    JavaScript

    seosait21.ru
    PHP

    seosait21.ru
    JQuery
    JavaScript ссылка PHP ссылка JQuery ссылка

    seosait21.ru
    SEO.

    seosait21.ru
    MySQL

    seosait21.ru
    XML
    ... ... ...
    ПОНРАВИЛОСЬ?
    ПОДЕЛИСЬ с ДРУЗЬЯМИ: