Воспроизведение видео на веб-странице - PullRequest
Новая
       33

Воспроизведение видео на веб-странице

2 голосов
/ 30 октября 2010

У меня есть файл mov размером 157 мегабайт. Я пытаюсь запустить его на своей странице в анимации скроллера javascript, и анимация очень прерывистая, и на самом деле я использовал css для симуляции маски, но это не маскируется, вероятно, из-за медлительности всей страницы, страница никогда полностью загружается, и файл фильма делает практически невозможным прокрутку страницы. Файл слишком большой. В настоящее время он встроен как таковой: 

         <a href="#">
           <object class="im" classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="286" width="655">
  <param name="src" value="why_eating_dry_fruit_is_unhealthy.MOV">
  <param name="autoplay" value="false">
  <param name="type" value="video/quicktime" height="286" width="655">
  <embed src="why_eating_dry_fruit_is_unhealthy.MOV" height="286" width="655" autoplay="false" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/">
 </object>
         </a>

Мой вопрос:

1) Должен ли я преобразовать mov в swf - то есть является ли swf более совместимым и подходящим форматом для бесшовной интеграции в html-страницу?

2) Какой бы вариант я не выбрал, как мне уменьшить размер файла - как на YouTube, где видео работают без проблем? Я планирую использовать javascript для прокрутки галереи видео, поэтому мне нужно, чтобы видео не застревало на странице.

3) Кроме того, на многих сайтах с галереями видеороликов имеется значок, который указывает «нажмите, чтобы воспроизвести». Это часть самого видео или я могу просто создать изображение, а затем при нажатии видео воспроизводится?

У меня есть Adobe Flash CS4 Professional, если это имеет значение. И если файл mov больше подходит, то как я могу уменьшить его размер?

Спасибо за ответ.

1 Ответ

0 голосов
/ 30 октября 2010

Прежде всего : проверьте, происходит ли это во всех браузерах.Попробуйте отключить все расширения и темы и посмотрите, хорошо ли это работает.

Второе : После проверки вернитесь к этому ответу.

В-третьих : продолжите чтение этого ответа.

Сделайте три версии: мобильную, настольную и HD, и пусть пользователь решит.

  • HD: оригинал 157Файл MB
  • Рабочий стол: меньший файл, более низкое разрешение и качество - 20 ~ 50 МБ
  • Мобильный: небольшое разрешение около 320x480 пикселей - 5 ~ 10 МБ

Уменьшение размера файла может быть сделано с QuickTime X, если у вас есть Mac.Если у вас компьютер с ОС Windows, доступны различные инструменты, такие как Miro Video Converter .

Кнопки «Нажать для воспроизведения» - это просто кнопки, которые вводят тег <object> с атрибутами вDOM с использованием JavaScript.Они обычно не являются частью самого видео, если только это не Flash.Однако Flash постепенно подходит к концу, а HTML 5 поддерживает новый тег <video>, который правил.: D

Веселись!

...