Вставка Quicktime Player, похожего на apple.com

Question

Глядя на Веб-сайт Apple , они делают выдающуюся работу с быстрыми фильмами, которые они показывают своим пользователям. Когда я ранее включал ссылки быстрого доступа, проигрыватель, который на самом деле показывает пользователям, довольно мягкий и во всех браузерах действительно отличается от того, как он выглядит в Safari, Chrome, то есть Firefox. Apple, кажется, справляется со всеми этими условиями довольно хорошо. Есть ли какой-нибудь плеер с открытым исходным кодом, который я могу использовать (НЕ FLASH), чтобы выполнить то же самое, что они делают? Если бы Apple это делала, я бы предположил, что есть способ продублировать этот процесс, и я знаю, что с HTML 5 есть способы, но с html5, пока не полностью поддерживаемым, я искал что-то еще, что может быть в состоянии справиться с этим в настоящее время. ..

Заранее спасибо.

======= ОБНОВЛЕНИЕ ОБНОВЛЕНО =========

Я решил это, спустя некоторое время работы, я нашел маленький драгоценный камень на яблочном сайте, который был хорошо спрятан. Использование документации Apple - Слева от меня находится файл javascript ac_quicktime.js, который заменяет файл OGG на тот случай, если браузер не поддерживает красивый проигрыватель Quicktime X. Теперь преобразование OGG заняло у меня немного времени, но я наконец смог преобразовать это в ffmpeg theora . Используя это, он работал отлично. Спасибо всем за предложения! Надеюсь, это поможет кому-то еще, так как я уже использовал его в нескольких разных областях!

Другие сайты, которые помогли с этим процессом:

Погружение в HTML5 - Видео

Видео для всех

Sublime Video

Наконец, убедитесь, что ваш файл .htaccess может обслуживать файлы .ogv, в противном случае этот файл может надолго озадачить вас, если вы не будете внимательно читать.

AddType video/ogg          .ogv
AddType application/ogg    .ogg

Answer 1

Я вижу, что вы нашли решение Apple, но вы также можете взглянуть на SublimeVideo и Видео для всех , целью которых является создание одинаково хороших и совместимых плееров .

Answer 2

jQuery Tools - у них есть медиаплеер под названием «flowplayer»:

http://flowplayer.org/

Answer 3

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

После игры с истинными / ложными значениями вот пара, которая может вам помочь:

showlogo
Показывает логотип QuickTime перед загрузкой видео. Вы можете установить значение false, чтобы оно не отображалось.

Контроллер
Показывает элементы управления видео QuickTime по умолчанию. Установите значение false, чтобы скрыть элементы управления видео по умолчанию. Определенно делает его чище.

[Возможно, еще больше ...]

Обязательно замените все значения в теге object / embed, чтобы охватить все браузеры.

Я возился с видео об iPad на jsbin.com.
Вот страница с теми же значениями, что и на сайте Apple: http://jsbin.com/udupe3
Та же страница с включенными элементами управления видео. Сравните код, чтобы увидеть, что я сделал: http://jsbin.com/udupe3/2

Answer 4

Apple.com использует клиентский плагин QuickTime.
Они не используют специальную версию проигрывателя QT, они строят поверх (буквально) игрока по умолчанию.
Вот как они настраивают внешний вид контроллера и его уникальную функциональность; делая его похожим во всех браузерах.
Это сильно зависит от пользовательских изображений и JavaScript. Изучите документацию объекта и даже источник видео для iPad , чтобы узнать, как они создали контроллер.

После некоторого быстрого поиска в Google, я не смог найти какую-либо библиотеку / плагин js, чтобы упростить процесс настройки QT. У кого-нибудь есть один?