Главная Вход в систему Регистрация
Задать вопрос Консультации Пользователи Форум
О системе Помощь
Задать вопрос экспертам
Консультация № 180444
25.10.2010, 17:55
50.00 руб.
0 7 0
Компьютеры Программирование
Добрый вечер, уважаемые эксперты! Есть два вопроса.
1.Как установить на Web-странице видео-ролик и задать ему размеры в пикселях 200х250?
2.Как установить на Web-странице видео-ролик и определить его показ только один раз при наведении на него курсором мышки ?

Начал было отвечать на 1й вопрос. Тег <video> добавляет, воспроизводит и управляет настройками видеоролика на веб-странице. Путь к файлу задается через атрибут src или вложенный тег <source>.
Параметр height задает высоту области для воспроизведения видеоролика.
Параметр width задает ширину области для воспроизведения видеоролика.

Написал для пробы код, чтобы просто запустилось
Код:
<html>
 <head>
  <title>1.Как установить на Web-странице видео-ролик и задать ему размеры в пикселях 200х250</title>
 </head>
 <body>
  <video>
   <source src="1.avi">
  </video>
 </body>
</html>

Не работает, однако

Напишите, пожалуйста, верный код и скажите, пожалуйста, что и как установить или какие настройки сделать.
WindowsXP SP2/Explorer6/Opera9.64.
Спасибо.

Обсуждение

Неизвестный
25.10.2010, 18:08
общий
рекомендую воспользоваться тегом <object> - здесь написано, как.
давно
lamed
Академик
320937
2216
25.10.2010, 18:14
общий
Волков Алексей aka Lupo:
Добрый день! Спасибо, посмотрю, но, если можно, "ближе к вопросу" :).
давно
lamed
Академик
320937
2216
25.10.2010, 23:08
общий
HTML 5 <video> Tag
Получил сообщение
При попытке запустить пример your browser does not support the video tag


Аналогично и
HTMLBOOK
Код:
<!DOCTYPE html>
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>video</title>
 </head>
 <body>
  <video width="400" height="300" controls="controls" poster="video/duel.jpg">
   <source src="video/duel.ogv"  type='video/ogg;  codecs="theora, vorbis"'>
   <source src="video/duel.mp4"  type='video/mp4;  codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
   Тег video не поддерживается вашим браузером. <a href="duel.mp4">Скачайте видео</a>.
  </video>
 </body>
</html>

пишет
Тег video не поддерживается вашим браузером. Скачайте видео.

Жму "скачать", получаю
Документ не найден
Неизвестный
26.10.2010, 17:56
общий
Проверил из любопытства: последняя опера и гугль хром всё воспроизводят корректно, а вот сафари и ИЕ6 "не поддерживают"...
давно
lamed
Академик
320937
2216
26.10.2010, 18:26
общий
Волков Алексей aka Lupo:
Добрый день, что понимать под "последней оперой" ? Та версия Opera, которую я указал, не будет работать? А может быть, plugin's есть?
давно
lamed
Академик
320937
2216
26.10.2010, 21:02
общий
Установил новую версию Opera. Вот этот пример работает.
Так что мне надо "починить" в примере из вопроса?
Неизвестный
27.10.2010, 09:46
общий
Цитата: HTMLBOOK
Для универсального воспроизведения в указанных браузерах видео кодируют с помощью разных кодеков и добавляют файлы одновременно (см. пример).

Возможно, требуется указать кодек и type, кроме этого, как видно из таблицы, опера умеет играть не все типы видео, так что не факт, что надо править имеющееся, возможно, нужно добавить, согласно цитате, ещё несколько версий видео в других кодеках.
Форма ответа