Изучаем HTML 5-Б. Лоусон, Р. Шарп - 2011 |
Страница 119 из 244 Используя JavaScript и API, вы можете создавать и организовывать свои собственные элементы управления видеоплеером. Мы на примере покажем вам, как создать простой набор элементов управления, и продемонстрируем их в действии. Наш пример вряд ли будет для вас большим откровением (он далеко не так крут, как сам элемент видео; кроме того, он несколько искусственен), но вы получите хорошее представление о том, что можно сделать при помощи написания скриптов. Самое лучшее в нашем примере то, что пользовательский интерфейс будет построен на основе CSS и HTML. Так что для внесения в него каких-либо изменений потребуются лишь поверхностные знания в области веб-стандартов. Переписывать код внешнего флеш-плеера не будет ни малейшей необходимости. Среди основных элементов управления видеоплеера, которые мы подкорректируем вручную, будет переключатель воспроизведение/пауза; кроме того, у пользователя будет возможность перемещать бегунок таким образом, чтобы пропускать отдельные части видеофайла, как показано на рис. 4.3. ![]() Рис. 4.3. Наши простые, но уже видоизмененные элементы управления плеером А Начнем мы с видео со стандартными элементами управления. Затем мы используем JavaScript, чтобы переписать их в соответствии с нашими желаниями. Таким образом, если JavaScript не сработает, у пользователя все-таки будет возможность контролировать видео:<video controls> <source src="leverage-a-synergy.ogv" type="video/ogg" /> <source src="leverage-a-synergy. mp4" -i type="video/mp4" /> Your browser doesn't support video. |
