Новое обновление Chrome убивает wmode = прозрачный - PullRequest
3 голосов
/ 22 декабря 2011

Новейшая версия Chrome, похоже, убила мои прозрачные фоны на моем SWF. На веб-сайте я использую flash, чтобы поверх элементов было прозрачное видео. Тем не менее, фон теперь черный в новейших версиях Chrome.

Вопрос задавался несколько раз, но не получил ответов.

Это мой код:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="300" height="280" id="vanessa" name="vanessa">
   <param name="movie" value="vanessa.swf" />
   <param name="wmode" value="transparent" />
   <embed id="vanessa"
          name="vanessa"
          src="vanessa.swf"
          width="300"
          height="280"
          wmode="transparent"
   />
</object>

И предварительный просмотр можно увидеть на главной странице этого сайта: http://www.consomachat.com/

Ответы [ 2 ]

4 голосов
/ 25 декабря 2011

Взято из: http://www.google.com/support/forum/p/Chrome/thread?tid=2ca277b12bc29e35&hl=en Ссылаясь на мои комментарии выше ...

Я нашел решение: это будет работать с IE, FF, Safari & Chrome! И это показывает альтернативное содержание.

Шаг 1) вкл. SWFобъект к вашей голове:

<script type="text/javascript" src="swfobject.js"></script>

Получить последнюю версию здесь: http://code.google.com/p/swfobject/downloads/list

Шаг 2) вкл. следующий код в ваше тело

<object data="yourfile.swf" type="application/x-shockwave-flash" width="300"     height="280">
    <param name="allowScriptAccess" value="sameDomain">
    <param name="quality" value="best">
    <param name="wmode" value="transparent">
    <embed src="" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/go/getflash" type="application/x-shockwave-flash" width="300" height="280"></embed>
    <param name="bgcolor" value="#ffffff" />
    <param name="movie" value="yourfile.swf" />

        <!--[if !IE]>-->
        <object type="application/x-shockwave-flash" data="yourfile.swf" width="300" height="280">
        <!--<![endif]-->
        <p>alternative content</p>
        <!--[if !IE]>-->
        </object>
        <!--<![endif]-->
</object>

уточнить: Что кажется наиболее важным, так это включить wmode="transparent в <embed src

<embed src="" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/go/getflash" type="application/x-shockwave-flash" width="300" height="280"></embed>
3 голосов
/ 29 декабря 2011

Я использовал ответ TryTryAgain, и оказалось, что часть, которая исправила это для меня, добавляет тип к начальному тегу объекта.

<object type="application/x-shockwave-flash" width="...">
</object>
...