Flowplayer над модальным окном

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

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

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

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

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


jquery css modal-dialog flash flowplayer
person Richard Knop    schedule 30.07.2010    source источник

Ответы (6)


arrow_upward
5
arrow_downward

Вы должны установить wmode="transparent" в файл прошивки.

person Ionuț Staicu    schedule 30.07.2010
comment
Спасибо. Я нашел способ, как установить его для flowplayer: flowplayer.org/demos/configuration/wmode.html - person Richard Knop; 30.07.2010

arrow_upward
5
arrow_downward

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

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

Дополнительные сведения: http://flowplayer.org/documentation/api/flowplayer.html.

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

Примеры:

Нет wmode:


    $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"
            }
        }
    });
person Nathan Hiemstra    schedule 05.01.2012

arrow_upward
1
arrow_downward

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

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

‹имя параметра="wmode" значение="прозрачный">

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

wmode="прозрачный"

person Rippo    schedule 30.07.2010

arrow_upward
1
arrow_downward

Если вы устанавливаете параметры Flowplayer с помощью jQuery, мы должны разместить это как:

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

Другими словами, не устанавливайте этот параметр в массиве клипов; там не получится.

person Anuja Patil    schedule 14.03.2012

arrow_upward
0
arrow_downward

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

person Density 21.5    schedule 30.07.2010
comment
да, я так и думал. Вероятно, оба modalbox и flowplayer запутались со своими собственными z-индексами в javascript. - person Density 21.5; 30.07.2010

arrow_upward
0
arrow_downward

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

person ryanulit    schedule 30.07.2010