2009-12-01 2 views
0

Я пытаюсь встроить флеш-фильм (.flv) в веб-страницу с прозрачным фоном.Вставить Flash Transparent FLV

Требования: - Flv работает в прозрачном режиме - я должен иметь возможность просматривать содержимое html ниже. - Фильм не воспроизводится автоматически - Фильм содержится в div и позициях абсолютно с использованием CSS - Нет элементов управления видео или оверлеев, вы не должны знать, что это flv - При загрузке фильма скрыто - Используя jQuery, ссылка на изображение, чтобы показать и воспроизвести видео, щелкнув его снова, останавливается и скрывает видео - наоборот

Я попытался использовать Longtail Video Player с swfobject.js и элементами управления javascript, но без радости. Видео не прозрачно, а элементы управления - одним нажатием для воспроизведения неподвижной функции.

Я смущаю то, что кажется довольно простой задачей.

Я рад изучить любую реализацию.

Параметры встроенной вспышки Adobe установлены правильно и wmode = прозрачный.

Любая помощь была бы принята с благодарностью.

Приветствия Пол

+0

Можете ли вы опубликовать код кода вставки HTML или код конфигурации swfobject? Кроме того, у вас нет bg, установленного в div владельца css, не так ли? Возможно, это просто проблема с используемым вами видеоплеером. Многие компоненты проигрывателя также имеют собственные элементы управления и фон по умолчанию. –

ответ

2

Это поможет вам прозрачную накладку во флэш-памяти. Это довольно хороший набор кода.

http://code.google.com/p/swfobject/

SWFObject Примеры

Пример, приведенный выше, является то, что вам нужно для использования голых костей SWFObject, но что, если вы хотите использовать некоторые из других параметров флэш плагина должно предлагает? SWFObject позволяет легко добавить любой дополнительный параметр, который вам может понадобиться. Ниже приведены несколько различных методов, которые вы можете использовать для встраивания своего Flash-контента.

Простой пример, добавив несколько дополнительных параметров

<script type="text/javascript"> 
var so = new SWFObject("movie.swf", "mymovie", "200", "100%", "7", "#336699"); 
so.addParam("quality", "low"); 
so.addParam("wmode", "transparent"); 
so.addParam("salign", "t"); 
so.write("flashcontent"); 
</script> 
<div id="flashcontent"><!--put a place holder image in here.--></div> 

http://blog.deconcept.com/swfobject/

EDIT: БЛАГОДАРЯ Unreality: Там было обновление в библиотеке кодов теперь вы можете получить доступ к нему здесь: http://www.code.google.com/p/swfobject

+1

Ваш пример предоставил используемый swfobject 1.5, который будет отличаться от самого обновленного swfobject 2+ с http://code.google.com/p/swfobject/. Хороший инструмент и хороший ответ tho :) – Unreality

+0

Спасибо за обновление, я не использовал его в какое-то время. Я обязательно проверю обновленную ссылку;) – Kieran

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