swiffy html встроенный в качестве отзывчивого баннера

Question

Мне очень нужна помощь с встраиванием swiffy-анимации в отзывчивую загрузочную страницу html. Я пробовал 1. внедрять внутри iframes множеством способов, 2. помещая фактический html-код в свою страницу и 3. экспортируя из flash в .mov, затем конвертируя в .mp4 и используя теги видео (где я сейчас), но я полностью застрял в том, как вытащить swiffy html конвертированный баннер и сделать его отзывчивым.

Все, что я хочу, это для моего html-баннера, чтобы он выглядел аналогично тому, как кто-то мог ожидать отзывчивого изображения заголовка для просмотра.

1. Я бы хотел, чтобы он ответил на мобильный.
2. Когда он достигает максимальной высоты 400 пикселей, мне бы хотелось, чтобы он был центром во внешнем, содержащем div, по мере расширения ширины браузера.

Может ли кто-нибудь помочь? Там есть несколько полезных сообщений, где я нашел ppl, советую использовать ширину: 100% на идентификаторе для swiffy контейнера, однако, я не вижу, как фактический баннер втягивается, в html.

Может ли кто-нибудь помочь?

Благодаря

G

Answer 1

Благодарим за помощь, хотя она и решена. Это как:

HTML IS:

<div class="wrapper"> 
    <div class="h_iframe"> 
     <img class="ratio" src="here i placed a blank image background"/> 
     <iframe src="this was the link to my swiffy converted html banner" frameborder="0"></iframe> 
    </div> 
</div> 

CSS является:

.wrapper   {width:100%; max-height:400px; margin:123px auto 0 auto; background:#ad0017} 
.h_iframe  {position:relative;} 
.h_iframe .ratio {display:block;width:100%;height:auto;} 
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;} 

В HTML в Swiffy преобразованного файла:

<div id="swiffycontainer" style="width: 100%; height:100%; max-height:400px!important;"> 

РЕЗУЛЬТАТ: Чуткий html5 Swiffy преобразованный баннер, который масштабируется до мобильного. По мере расширения ширины браузера она масштабируется до максимальной высоты 400 пикселей, а затем физически центрируется в пределах ширины браузера. Моя анимация имела красный фон, поэтому я сопоставлял цвет фона документа флэш-анимации с красным, поэтому все было без проблем.

Answer 2

В выходной файл Swiffy, я убеждаюсь, что у меня есть ширина: 100%; высота: авто; как так:

<div id="swiffycontainer" style="width: 100%; height: auto;"> 
</div> 

Затем он должен размер, чтобы соответствовать вашему IFrame контейнер, однако вы его стиль в начальной загрузки базы.