2010-07-30 5 views
1

В моем веб-приложении у меня есть веб-страницы, где люди могут смотреть видео. Я использую Flowplayer для воспроизведения флеш-роликов. Вы можете посмотреть его здесь: http://flowplayer.org/Flowplayer выше модального окна

Я также использую модальные окна в своем веб-приложении. Я создаю их с помощью этого плагина jQuery: http://code.google.com/p/jquery-modalbox-plugin/

Модальные окна отлично работают. Единственная проблема заключается в том, что когда есть видеоролик flowplayer где-нибудь на странице, где я хочу, чтобы появилось модальное окно после нажатия на какую-либо ссылку, потоковый проигрыватель появляется над модальным окном. Остальная часть страницы отображается правильно за модальным окном.

Любые идеи, как это решить?

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

ответ

5

Вам необходимо установить wmode="transparent" в флеш-файл.

+2

Спасибо. Я нашел способ установить его для flowplayer: http://flowplayer.org/demos/configuration/wmode.html –

0

Вы пытались поставить Flowplayer в a с отрицательным индексом z? Или наоборот, установите modalbox в высокий индекс z?

+0

Да, я пробовал это. Безуспешно. –

+0

Да, я так и думал. Вероятно, оба модальбона en flowplayer беспорядок со своими собственными z-индексами в javascript. –

0

Возможно, вы можете перезаписать сгенерированный css для изменения z-индексов после их загрузки? Узнайте, какие классы или элементы сгенерированы, а затем создайте правила css с большей специфичностью, чтобы перезаписать z-индексы. Также, как выглядит ваш код?

1

См here, в основном: -

Добавьте следующий параметр тега ОБЪЕКТА:

< имя парам = "Режим окна" значение = "прозрачный">

ИЛИ Добавьте в тег EMBED следующий параметр:

= Режим окна "прозрачный"

5

Как передать WMODE = прозрачный параметр в Flowplayer:

Flowplayer ожидает три аргумента в вызове встраивания.
1) Контейнер ID
2) Параметры. (Строка или объект)
3) Конфигурация (модули или настройки внешнего вида)

Подробнее: http://flowplayer.org/documentation/api/flowplayer.html

Параметр Режим окна должен быть передан через 2 аргумента. Если это строка, Flowplayer ожидает, что она будет URL-адресом проигрывателя Flash. Чтобы передать дополнительные параметры, это должно быть сделано как объект JSON.

Примеры:

Нет Режим окна:

 

    $f("video-player", "flowplayer.swf" { 
      plugins: { 
       controls: { 
       buttonOffColor: "#4523d3", 
       borderRadius: "0", 
       sliderColor: "#4523d3" 
      } 
     } 
    }); 

С WMODE:

 

    $f("video-player", { 
       src:"flowplayer.swf", 
       wmode:"transparent" 
      }, { 
      plugins: { 
       controls: { 
       buttonOffColor: "#4523d3", 
       borderRadius: "0", 
       sliderColor: "#4523d3" 
      } 
     } 
    }); 

1

Если ваш настраиваете Flowplayer Params с помощью JQuery, то мы должны поставить это как

$f("playback", { src: js_path , wmode:"transparent" } , { 
    clip: { 
     url: videoFile ,   
     autoPlay: false, 
     autoBuffering: true, 
     scaling: 'fit'    
    }, 

средства не устанавливайте этот параметр в массиве клипов, он там не работает.

Надеюсь, это поможет кому-то.

Смежные вопросы