Flowplayer выше модального окна - PullRequest
Новая
       33

Flowplayer выше модального окна

1 голос
/ 30 июля 2010

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

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

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

Есть идеи, как решить эту проблему?

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

Ответы [ 6 ]

5 голосов
/ 05 января 2012

Как передать параметр wmode = transparent в Flowplayer:

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

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

Параметр wmode должен быть передан через второй аргумент. Если это строка, Flowplayer ожидает, что это будет URL-адрес Flash Player. Для передачи дополнительных параметров это должно быть сделано как объект 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"
            }
        }
    });
5 голосов
/ 30 июля 2010

Вы должны установить wmode="transparent" для файла флэш-памяти.

1 голос
/ 14 марта 2012

Если вы устанавливаете параметры flowplayer с помощью jquery, тогда мы должны поместить это как 

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

означает, что не устанавливать этот параметр в массиве клипов.кому-то это помогает.

1 голос
/ 30 июля 2010

См. здесь , в основном: -

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

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

wmode = "transparent"

0 голосов
/ 30 июля 2010

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

0 голосов
/ 30 июля 2010

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

...