Flowplayer играет над всем - PullRequest
Новая
       49

Flowplayer играет над всем

3 голосов
/ 13 мая 2011

У меня есть flowplayer, который я использую с несколькими изображениями под ним.При нажатии на эти изображения dialog создается с увеличенной версией этих изображений.Проблема в том, что flowplayer всегда будет на вершине dialog.

. Я пытался установить z-index для dialog максимума и flowplayer минимума, но это не так.работа.

Есть ли в flowplayer метод, который понизит его z-index или позволит разместить над ним dialog?

Редактировать Вотflowplayer: 

//Uses flowplayer to create player
$f('#rightVideoContent', "http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf", {
    //Creates a single clip for the flow player
    clip: {
        url: videoLocation,
        autoPlay: true,
        autoBuffering: true
    },
    plugins: {
        controls: null
    },
    onLoad: function () {
        //Do nothing here
    }
});

А вот div

<div id = "rightVideoContent" class = "VideoDiv"></div>

Я использую также flowplayer-3.2.6.js

Ответы [ 5 ]

5 голосов
/ 13 мая 2011

Я думаю, что вы пропустили: 

<param name="wmode" value="transparent" />

немного больше о wmode

edit: взгляните на ваш код ... чтобы встроить SWF-файл, у вас должно быть что-то вроде: 

<object width="550" height="400">
    <param name="movie" value="somefilename.swf" />
    <embed src="somefilename.swf" width="550" height="400"></embed>
</object>

все, что вам нужно сделать, это просто добавить еще один <param ... после первого

edit2: вы должны заменить второй параметр ... вместо строки URL, вставленной туда 

{src: 'http://releases.flowplayer.org/swf/flowplayer-3.2.7.swf', wmode: 'transparent'}
3 голосов
/ 13 мая 2011

Вам, вероятно, нужно встроить флеш с wmode="transparent".

Как и в ответе @ locrizak, вы также можете использовать wmode="opaque", что лучше, потому что он менее интенсивно использует процессор.

Это должно помочь:

1 голос
/ 19 ноября 2013

см. Наложения HTML в Flowplayer
пример кода: 

flowplayer("player", {  
    src:"http://releases.flowplayer.org/swf/flowplayer-3.2.16.swf",  
    wmode: "opaque" // This allows the HTML to hide the flash content  
    }, {  
    clip: {  
      url: 'http://pseudo01.hddn.com/vod/demo.flowplayervod/flowplayer-700.flv'  
    }  
});
1 голос
/ 22 июня 2012

У меня были проблемы с этим, и Flowplayer не добавил бы параметр wmode, независимо от того, что я пробовал

Я использовал этот фрагмент jQuery, и он решил это! 

$('#videocontainerid object').prepend('<param name="wmode" value="opaque">');

или для каждого объекта: 

$('object').prepend('<param name="wmode" value="opaque">');
1 голос
/ 13 мая 2011

Вам необходим параметр 

wmode: "transparent/opaque"
для флэш-объекта.
...