Как вы накладываете текст на изображения/видео?

Нам нужно разместить текст над объектами на веб-странице, аналогичной следующей: http://www.queness.com/resources/html/slideshow/jquery-slideshow.html Как вы накладываете текст на изображения/видео?

Текст «бар» должен отображаться поверх изображений и видео. Для видео мы используем библиотеку html5media (http://code.google.com/p/html5media/), которая отображает тег <video> для тех браузеров, которые его поддерживают, или Flowplayer для других.

Как вы это делаете с помощью jQuery? Возможно ли видео? Есть примеры, но ни один из них не допускает, чтобы текст находился поверх <video> или объектов Flowplayer. Благодарю.

источник

2010-04-14 Alex

Для Flowplayer вы должны установить 'wmode' в' transparent' или 'opaque' –

Спасибо. Это немного сложнее: я также использую библиотеку jQuery Background Canvas, которая помещает объект холста в микс. Когда 'wmode' установлен в' transparent', IE6 позволяет просматривать видеопроигрыватель в холсте - это похоже на завесу поверх нее. – Alex

вам нужно иметь флэш-объект в WMODE = непрозрачной для того, чтобы иметь возможность размещать HTML поверх него

источник

2010-04-14 19:43:03 XGreen

Спасибо, XGreen и dev-null-dweller. Это работает во всех браузерах, кроме IE6 (и ниже), - и я знаю, почему: Это объект CANVAS из библиотеки jQuery Background Canvas, используемый для создания прозрачности и закругленных углов для контейнера DIV. На IE6 вы получаете облачное видео, потому что CANVAS находится сверху или каким-то образом вмешивается в непрозрачное видео. – Alex

Кстати, для тех, кто заинтересован в добавлении непрозрачного параметра в Flowplayer, вам нужно добавить его в следующую переменную в файле библиотеки JavaScript Flowplayer: var i = {width: "100%", height: "100%", allowfullscreen: true, wmode: "opaque", allowcriptaccess: "always", quality: "high", version: null, onFail: null, expressInstall: null, w3c: false, cachebusting: false} – Alex

Я действительно думаю, что мы как программисты должны начать включать следующий код на наших страницах: if ($. browser.msie && $ .browser.version == "6.0") alert («Извините, если вы еще не обновили, вы лучше забудете о сети «); :) – XGreen

Вы пробовали абсолютное позиционирование для текста с прозрачным фоном?

источник

2010-04-14 18:46:58 Jay

Да, но текст идет под ним. – Alex

Вы установили свойство css z-index для размещения их сверху? – Jay

Как вы накладываете текст на изображения/видео?

ответ

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