вопрос
Возникла проблема с отображением плеера в вкладке - все браузеры его видят, но только не Firefox
Поменял в коде значение embed на iframe. Да, проблема с мозиллой решена, алилуя! Но не тут-то было... Теперь в "Google Chrome" и "Safari" для одного из плееров, для его правильного отображения, необходимо стало нажимать F5, обновив страницу. Скрины:
Что стало вылезать во вкладке (сместились кнопки управления):
После нажатия F5 все стало на свои месте, как и должно быть:
Кусок кода:
Есть решение? Уже сил нет получать гневные сообщения посетителей сайта...
Поменял в коде значение embed на iframe. Да, проблема с мозиллой решена, алилуя! Но не тут-то было... Теперь в "Google Chrome" и "Safari" для одного из плееров, для его правильного отображения, необходимо стало нажимать F5, обновив страницу. Скрины:
Что стало вылезать во вкладке (сместились кнопки управления):
После нажатия F5 все стало на свои месте, как и должно быть:
Кусок кода:
<div class="tt-panel" style="display: block;">
<style>
.player-area{padding-bottom:0px;}
.player-area:after{content:"";clear:both;display:table;}
.player-selector{height:35px;}
.player-selector:after{content:"";clear:both;display:table;}
.player-selector span{
float:left;
height:28px;
font:bold 13px/27px Tahoma,Verdana;
padding:0 15px;
background:#dadada;
margin:7px 10px 0 0;
color: #fff;
cursor: pointer;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
overflow: hidden;
}
.player-selector span:hover{background:#ffad00;}
.player-selector span.current{
height:100%;
line-height:35px;
background:#85aa1c;
font-size:24px;
font-weight:normal;
margin-top:0;
cursor:default;
}
.player-box-area{height:375px;width:695px;background:#fff;}
.player-box-area embed{height:375px;width:695px;}
.player-box-area .pbox{display:none;height:375px;width:695px;}
.player-box-area .pbox.current{display:block;}
</style>
<script>
var player_id = 0;
$(function(){
var player_id = $.cookie('player_id');
if(!player_id || $(".pbox[data-id='"+player_id+"']").length<1) player_id = 0;
if($(".pbox").length>1){
$(".pbox").each(function(){
$(".player-selector").append("<span data-id='"+$(this).data('id')+"'>плеер #"+Math.floor($(this).data('id')+1)+"</span>");
}).eq(player_id).addClass('current');
$(".player-selector span").eq(player_id).addClass('current');
$('body').on('click',".player-selector span",function(){
$(this).addClass('current').siblings().removeClass('current');
$(".pbox").removeClass('current').eq($(this).index()).addClass('current');
$.cookie('player_id', $(this).data('id'));
});
}else{
$(".pbox").eq(0).addClass('current');
}
})
</script>
<div class="player-area">
<div class="player-selector"></div>
<div class="player-box-area">
[xfgiven_video_link_1]<div class="pbox" data-id="0"><embed src="[xfvalue_video_link_1]"></iframe></div>[/xfgiven_video_link_1]
[xfgiven_video_link_2]<div class="pbox" data-id="1"><embed src="[xfvalue_video_link_2]"></iframe></div>[/xfgiven_video_link_2]
[xfgiven_video_link_3]<div class="pbox" data-id="2"><embed src="[xfvalue_video_link_3]"></iframe></div>[/xfgiven_video_link_3]
[xfgiven_video_link_4]<div class="pbox" data-id="3"><embed src="[xfvalue_video_link_4]"></iframe></div>[/xfgiven_video_link_4]
</div>
</div>
Есть решение? Уже сил нет получать гневные сообщения посетителей сайта...