вопрос
Здравствуйте! У меня возникла проблема с плеером после его установки он не на весь контейнер и еще возникает конфликт с вкладками и он не запускается.
Скрин:
А также часть кода страницы с стилями плеера и остального для него
Скрин:
<div class="single-product">
<div class="title">
<div class="title-info">
<span class="presence">Добавил {author}, {date=d.m.y}</span>
<span class="delivery">Просмотров:{views}</span>
[complaint]<span class="presence">Не работает фильм</span>[/complaint]
</div>
<div class="post-title">{title}</span> {favorites} [edit]<img src="{THEME}/dleimages/editstore.png" alt="Редактировать" />[/edit]</div>
<div class="spacer"></div>
<div class="short-info">
<div class="short-description">
<div class="table">
<ul class="table">
<li><b>Дата выхода: </b>[xfvalue_year]</li>
<li class="odd"><b>Жанр: </b>{link-category}</li>
<li><b>Качество: </b>[xfvalue_quality]</li>
<li class="odd"><b>Страна: </b>[xfvalue_issued]</li>
<li><b>Продолжительность: </b>[xfvalue_time]</li>
<li class="odd"><b>Озвучивание : </b>[xfvalue_postproduction]</li>
<li><b>Режисер: </b>[xfvalue_director]</li>
<li class="odd"><b>В ролях: </b>[xfvalue_cast]</li><br>
<div class="title-info"><span class="presence">{link-category} </span></div>
</ul>
</div></div>
<div class="image"><img src="{image-1}" width="160" height="210" alt="{title}"/></div>
<div class="custom-data">[rating]{rating}(голосов:{vote-num})[/rating]</div>
<!-- end shablon -->
<!-- begin shablon -->
</div>
<!-- end shablon -->
<!-- begin shablon -->
<script type="text/javascript">
$(document).ready(function(){
$('.tabmenu > li').click(function() {
var menu = $('.tabmenu > li'), current = $(this), content = $('.tabs_content > li');
menu.removeClass('current');
current.addClass('current');
content.removeClass('current');
content.eq(current.index()).addClass('current');
return false;
});
});
</script>
<div class="full-description">
<div class="tabheader">
<ul class="tabmenu">
<li class="current"><span>Описание</span></li>
<!--<li><span>Рецензии</span></li> -->
<li><span>Трейлер</span></li>
<li><span>Скриншоты</span></li>
<li><span>Смотреть онлайн</span></li>
</ul>
</div>
<div class="info-place">
<style>
pre {
font: 12px/19px Arial;
color: rgb(57, 57, 57);}
</style>
<ul class="tabs_content">
<li class="current">{full-story}
</li>
<!--<li>[xfvalue_rec]</li> -->
<li>[xfvalue_treyler]</li>
<li>
[xfgiven_screens] <div class="fn_box visible"><div class="item-screens"><div class="slides clearfix">[xfvalue_screens]</div></div>[/xfgiven_screens]
</li>
<li>
<!-- Сам плеер -->
<script type="text/javascript">
function init() {
var useInternalControls = true;
var controls = new TorrentStream.Controls("tsplayer", {
style: useInternalControls ? "internal" : "ts-black",
debug: true
});
try {
var player = new TorrentStream.Player(controls.getPluginContainer(), {
debug: true,
useInternalControls: useInternalControls,
bgColor: "#000000",
fontColor: "#ffffff",
onload: function() {
this.registerEventHandler(controls);
controls.attachPlayer(this);
try {
var p = this;
this.loadPlayer("[xfvalue_online]",{autoplay: true}); }
catch(e) {
console.log("init: " + e);
}
}
});
}
catch(e) {
controls.onSystemMessage(e);
}
}
</script>
<script type="text/javascript">$(document).ready(function() {
$("iframe").each(function(){
var ifr_source = $(this).attr('src');
var wmode = "wmode=transparent";
if(ifr_source.indexOf('?') != -1) {
var getQString = ifr_source.split('?');
var oldString = getQString[1];
var newString = getQString[0];
$(this).attr('src',newString+'?'+wmode+'&'+oldString);
}
else $(this).attr('src',ifr_source+'?'+wmode);
});
});
</script>
<!-- Конец плеера -->
<!-- Размер плеера и его стиль -->
<div id="player_container" style="background-color: #000; width: 1100px; height: 543px; margin: 0px auto 0 auto;">
<div id="tsplayer" style="width: 100%; height: 100%; color: #fff; text-align: center;">
<div style="padding-top: 232px; background-color: #000000;">Подождите, идет загрузка плеера...</div>
</div>
</div>
<!-- Конец -->
<script type="text/javascript">
init();
</script>
</li>
</div>
[related-news]<br />
<div class="spacer"></div>
<div class="post-title">Похожее на {title}:</div>
<div class="related-block">
<ul>
{related-news}
</ul>
</div>
<div class="spacer"></div>
[/related-news]
[group=5]
<div class="info"> Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем. </div>
[/group]
<div>
[comments]
</div>
<div class="comments">
<div class="title">Комментариев добавлено: ({comments-num})</div>
<div class="spacer"></div>
<br />{comments}
</div>
[/comments]
</div> </div> </div>
А также часть кода страницы с стилями плеера и остального для него
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
{headers}
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="ru"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="ru"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="ru"> <![endif]-->
<!--[if gt IE 8]><!--><html class="no-js" lang="ru"> <!--<![endif]-->
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="{THEME}/images/favicon.ico">
<link rel="stylesheet" href="{THEME}/css/engine.css">
<link rel="stylesheet" href="{THEME}/css/style.css">
<link rel="stylesheet" href="{THEME}/css/style-two.css">
<!-- black style-->
<link type="text/css" rel="stylesheet" href="http://static.torrentstream.org/jsapi/css/ts-controls-black.css" />
<!-- api files -->
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/core.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery-1.7.min.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery-ui-1.8.9.custom.min.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.mousewheel.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.jscrollpane.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.scrollText.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/jquery/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/cufon/cufon.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/cufon/a_LCDNova_400.font.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/player.js"></script>
<script type="text/javascript" src="http://static.torrentstream.org/jsapi/js/lib/ts/controls.js"></script>