При наведении мыши на событие перезагружается вспышка в Firefox 7

Question

У меня есть следующая структура:

<div class="feed-item" style="position:relative;" id="feed-611" onmouseover="showDelete()" onmouseout="hideDelete()">
<div class="feed-avatar">
    AVATAR
</div>
<div class="feed-content">
    CONTENTS
</div>
<div class="feed-attachment-video-holder" id="feed-attachment-video-holder611">
    <object type="application/x-shockwave-flash" id="player611" data="http://www.youtube.com/e/bRU1XRuC6DI?enablejsapi=1&amp;version=3&amp;playerapiid=611" width="570" height="350"><param name="allowScriptAccess" value="always"></object>
</div>

Он отлично работает в IE и Chrome, но в Firefox 3,6 и 7, когда мышь входит в элемент фида, проигрыватель YouTube перезагружается, и видео начинается снова. CSS для эффекта наведения выглядит примерно так:

-webkit-box-shadow:0 0 1.0em hsla(0, 0%, 0%, 0.3);
-moz-box-shadow:0 0 1.0em hsla(0, 0%, 0%, 0.3);
box-shadow:0 0 1.0em hsla(0, 0%, 0%, 0.3);
position:relative;

Это известная проблема, и у вас есть идеи, как это исправить?

Answer 1

Firefox имеет различные ошибки, которые вызывают перезагрузку Flash-объектов. Например, если вы динамически изменяете значения свойств css отображения, позиции или переполнения в контейнере флэш-фильма, флэш-фильм перезагрузится (см. Эту ошибку). IFAIK, вы не можете решить эту проблему самостоятельно, пожалуйста, подождите, пока Mozilla:(

Вернемся к вашему коду, почему вам нужно изменить положение видео контейнера на relative когда мышь входит в feed-item? Удалить position:relative; должен решить вашу проблему.

Answer 2

Есть ли какой-нибудь способ, которым вы могли бы использовать:hover{} css meathod, чтобы показать элемент управления, сделав видимость, чтобы показать? Если вы хотите использовать jQuery, вы можете использовать:

$(".control").hover(function(){
$("div-with-flash") .html(newContent); 
});

Это близко к тому, что вы хотите?