Конфликт между AnythingSlider и видеоплеером MP4 с заставкой

У меня есть следующая проблема.

ВНИМАНИЕ: Я НЕ КОДЕР! (Я могу следовать инструкциям, немного знаю HTML и базовые вещи на сайтах Wordpress, но это все.)

На моем тестовом сайте http://www.auctionsolutionsnow.com, если вы видите СЛАЙДЕР И ПЕРВОЕ ВИДЕО:

Существует ПРОБЛЕМА между EasyVideoPlayer (www.easyvideoplayer.com), моим видеоплеером (в котором есть FLOWPLAYER) и ползунком AnythingSlider => www.css-tricks.com/examples/AnythingSlider/#panel1-6.

Есть идеи, как это отладить?

ИЗОБРАЖЕНИЕ ЗАГРУЗКИ первого видео на слайде 1 - это проблема! (Это также не должно автоматически воспроизводиться...)

Не уверен, что это обязательно проблема JAVASCRIPT.

Проблема в каком-то конфликте с EasyVideoPlayer (EVP) при использовании вместе с этим ползунком. От поддержки EVP: из-за того, что изображения-заставки немного изменяют функциональность, они имеют тенденцию конфликтовать.

БЕЗ использования изображения-заставки вы можете увидеть, что оно нормально работает, например, на www.jazzheaven.com.

Кстати, видео размещаются на Amazon S3 и используют потоковую передачу Cloudfront/RTMP.

Любые предложения, я был бы очень признателен!

Еще раз: я могу следовать конкретным инструкциям, но я НЕ супер-технарь или кодер! (Я немного знаю HTML, но не знаю javascript, CSS и т. д.)

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

Фальк

PS: (Это, вероятно, относится к отдельной теме... :)

Когда я вижу свой веб-сайт www.jazzheaven.com с моего iPhone: 2 раскрывающихся меню (называемые «Выберите свой инструмент» и «Нажмите здесь, чтобы выбрать свой инструмент» НЕ работают. ;(

Мой разработчик WP сказал, что это двухминутная работа для тех, кто понимает JQUERY.

2-Й ВОПРОС: решит ли это исправление проблему для IPHONES, ANDROID и iPADS? Спасибо!


conflict flowplayer anythingslider
person Falk    schedule 18.12.2010    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Трудно понять, почему есть разница между наличием и отсутствием изображения-заставки. Но поскольку проигрыватель добавляется с помощью тега <script>, попробуйте инициализировать anySlider при загрузке окна, а не при готовности документа (загрузка окна активируется, когда все изображения и видео загружены):

jQuery(window).load(function() { 
 jQuery('#slider-home-videos').anythingSlider({ 
  delay: 6000, 
  height: 390, 
  startStopped: true, 
  buildArrows: true, 
  hashTags: false, 
  navigationFormatter: function(index, slide) { 
   return ['Ralph Peterson', 'Ari 800px test to fit', 'slide 3'][index - 1]; 
  } 
 }); 
});

Что касается ваших вопросов о раскрывающемся списке, пожалуйста, напишите об этом в отдельном вопросе... У меня нет "и" или "и" - ничего, поэтому я не могу вам помочь =(

person Mottie    schedule 28.12.2010
comment
Спасибо, фуджи! Теперь я использовал ваш код, и он ДЕЙСТВИТЕЛЬНО показывает заставку правильно. НО... ползунок ИСЧЕЗ, а второе видео просто появляется ниже... См. auctionsolutionsnow.com/ - person Falk; 29.12.2010
comment
Упс, извините, $, который у меня был, не был определен, я переключил его на jQuery в приведенном выше коде... теперь он должен работать. - person Mottie; 31.12.2010
comment
Это все еще не работает. Но, может быть, я неправильно вставил ваш код? См. здесь: auctionsolutionsnow.com/ - person Falk; 12.01.2011
comment
Еще немного информации, которую я получил от кого-то еще: эта чертова штука по какой-то причине настроена на автовоспроизведение, когда вы говорите, что отключили автовоспроизведение в генераторе EasyVideoPlayer. Вы не сможете исправить это сразу, так как это проблема от хоста. См. здесь: screencast.com/t/tuuTv0VPXF Это не исходный код... Это выиграл не отображается в представлении исходного кода... Посмотрите на параметр автовоспроизведения, отмеченный стрелкой... он получает значение true, когда видео находится в ползунке... - person Falk; 13.01.2011
comment
Я думаю, что лучшим решением было бы скопировать код, который вы видите на этом изображении (используйте Firebug в Firefox, это действительно упрощает копирование HTML), а затем вставить его в слайдер вместо тега script. Затем измените параметр автозапуска на false. - person Mottie; 16.01.2011