видео в Safari 6 замедляет всю страницу, когда моя форма javascript вставляется в DOM

На самом деле я разрабатываю простой веб-сайт для компании, в которой я работаю. На каждой странице есть центральное видео, и все в порядке с FireFox Opera Chrome и IE 9, НО НЕ с Safari 6.0.1 (Mac) и с Safari 5.1. .7 (ПК) (подходит для Mac Safari 5.1.2).

Я уже пытался деактивировать любые другие скрипты, удалил все атрибуты видео, я даже переписал свои скрипты в ООП, но на данный момент не получил никакого результата. Дело в том, что как только я пытаюсь удалить источник mp4, вся страница работает отлично.

Тестовый сайт виден здесь: http://www.jsteitgen.com/tests/

Я прочитал несколько сообщений на форумах об ошибке Safari при доступе к проигрывателю YouTube. Это может быть та же проблема, но пока не нашел подтверждения.

Интересно, если кто-нибудь испытал то же самое / знал бы что-то, чего я не знаю о спецификациях Safari 6 / или даже лучше: было бы решение!

Надеюсь, мой английский будет достаточно ясен, чтобы получить ответы.


javascript html video safari6
person jst    schedule 19.10.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Взгляните на код на сайте, который похож на код на "http://drupal.org/node/1536226":

<source src='vids/animLogo.mp4' type='video/mp4' /><!-- Safari /iOs Video -->
                        <source src='vids/animLogo.ogv' type='video/ogg' /><!-- FireFox / Opera / Chrome -->
                        <source src='vids/animLogo.wmv' type='video/x-ms-wmv' /><!-- WIndows Media Viedo -->

Подаются 3 разных видеофайла. Конечно, webm и theora не поддерживаются версиями Safari, упомянутыми в вопросе (ИСТОЧНИК: http://weblogs.mozillazine.org/asa/archives/2009/03/open_video_in_s.html)., http://farukat.es/journal/2011/01/488-google-h264-and-video-web, http://farm6.static.flickr.com/5285/5349294818_e6e32d42db_o.png ), который предотвращает воспроизведение файла ogv в Safari без дополнительных плагинов от пользователя (ИСТОЧНИК: http://www.broken-links.com/2010/09/01/playing-webm-in-safari-with-plugins/, http://blog.andikurnia.com/2010/11/29/playing-ogg-files-directly-from-safari/). При дальнейшей проверке файл .mp4 в 3 раза больше, чем форматы видео, доставляемые в Firefox, Opera и Chrome. Мое предложение состоит в том, чтобы оптимизировать файл .mp4, чтобы сделать потоковую передачу данных намного меньше, поскольку встроенный размер (720x423) меньше, чем размеры видео (1280x720), но это вопрос качества и производительности сайта.

Кроме того, чтобы ответить на ваш вопрос, нет проигрывателя YouTube, он в основном имеет какое-то отношение к видеокодекам и их реализации Apple, сафари не имеет встроенной поддержки Theora и, таким образом, прибегает к версии .mp4, если только кодеки или плагины доступны для «декодирования» файла.

Короче говоря, воспроизводится более качественное и медленное видео. который необходимо сжать и оптимизировать, чтобы веб-сайт работал более плавно.

person extramaster    schedule 19.10.2012
comment
Привет, спасибо за столь быстрый ответ. Извините, что не упомянул ранее, что уже пытался сжать файл .mp4 до 9Mo (тот же результат). Я только что загрузил этот файл обратно, и страница все еще зависает (особенно при запуске контактной формы, но не только) ... В любом случае я прочитаю эти статьи. Еще раз спасибо - person jst; 19.10.2012
comment
Еще нужна помощь!! Любая другая идея? - person jst; 20.10.2012
comment
Похоже, мое решение не сработало, поэтому прошу прощения. Принуждение пользователей к установке стороннего плагина является одним из очевидных ответов на эту проблему, поскольку проблема в основном связана со стороны Apple. Может помочь сжатие видео с помощью ручного тормоза вместо других кодировщиков (ИСТОЧНИК) Принуждение сафари к использованию флэш-памяти вместо собственного видео-рендерера может значительно ускорить сайт, при этом я не нашел на тестовой странице флеш-плеер для создания закодированного решения. - person extramaster; 23.10.2012