Проблемы с html5media и flowplayer для wmode - PullRequest
Новая
       12

Проблемы с html5media и flowplayer для wmode

3 голосов
/ 08 июня 2010

Я работаю над нашей новой домашней страницей, и мне нужно внедрить решение, которое будет воспроизводить видео через iphone / ipad и стандартные веб-браузеры. Я нашел довольно приличное решение с html5media - http://code.google.com/p/html5media/, но натолкнулся на проблему с выпадающим jquery позади объекта swf (это происходит только в FF & IE - отлично работает в Safari & Chrome, потому что вместо этого загружается mp4 объекта SWF).

Я знаю, что проблема заключается в настройке wmode, но я не могу понять, как ее установить в html5media (http://html5media.googlecode.com/svn/trunk/src/html5media.min.js).

Я надеюсь, что кто-то может мне помочь или, возможно, дать мне лучшее решение по внедрению видео. Вы можете увидеть страницу разработки по адресу idssite (точка) com / development / index.php - Извините, я не могу связать меня, меня останавливает механизм предотвращения спама.

Спасибо

Ответы [ 2 ]

3 голосов
/ 06 января 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"
        }
    }
});
1 голос
/ 11 октября 2010

Раньше я сталкивался с этой проблемой, и я думаю, что ответ заключается в том, чтобы просто добавить свойство z-index в раскрывающийся стиль. Я предполагаю, что у вас есть что-то вроде UL или DIV, содержащее ваше меню, поэтому просто добавьте "z-index: 10" или что-то еще.

Я писал об этом некоторое время назад в своем блоге, и исправление - то, что я упомянул выше: http://www.cjboco.com/blog.cfm/post/css-pulldown-menu-displays-behind-an-element-or-picture-in-ie7

Звучит как то же самое. Надеюсь, это поможет.

...