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

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

0 голосов
/ 08 ноября 2011

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

<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;

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

Ответы [ 2 ]

1 голос
/ 14 ноября 2011

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

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

0 голосов
/ 14 ноября 2011

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

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

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

...