我的网站上有一个视频库 - https://www.aviator-expert.ru
它显示视频缩略图,但是当我单击这些图片时,它什么也没做。应该首先播放的视频也不会出现在屏幕上。
我尝试了不同的浏览器,但结果是一样的。
你能帮我理解可能是什么问题吗?
<div class="videoblock">
<div class="clearfix">
<div class="videoblock-player">
<object type="application/x-shockwave-flash" src="https://www.youtube.com/v/fJPkS7S-02g" width="640" height="360" id="videoblock-movie" style="visibility: visible;">
<param name="wmode" value="opaque">
</object>
</div>
<div class="col-float videoblock-playlist">
<a href="#up" class="videoblock-playlist-up scroll-up-disabled">Вверх</a>
<ul class="videoblock-playlist-scroll" id="videoblock-playlist-scroll-55e2c079d5c6a">
<li class="clearfix first now-playing" rel="https://www.youtube.com/v/fJPkS7S-02g">
<a class="videoblock-play" href="https://www.youtube.com/v/fJPkS7S-02g">
<img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/fJPkS7S-02g/0.jpg" alt="Зачем нужны системы бронирования">
</a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Зачем нужны GDS</a></div>
<div class="videoblock-playlist-brief">Видеообзор преимуществ использования систем бронирования</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/OxaeSKQBHxE">
<a class="videoblock-play" href="#">
<img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/OxaeSKQBHxE/0.jpg" alt="Интеграция систем Сирена и Галилео">
</a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Интеграция систем Сирена и Галилео</a></div>
<div class="videoblock-playlist-brief">Возможность бронирования максимального количества авиакомпаний в одном терминале</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/UoZ3D9MdrXI">
<a class="videoblock-play" href="#">
<img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/UoZ3D9MdrXI/0.jpg" alt="Модуль бронирования трансферов в системе Амадеус от компании IWay">
</a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Бронирование трансферов в системе Амадеус</a></div>
<div class="videoblock-playlist-brief">Презентация компании IWay</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/Wzb59xIfMq0">
<a class="videoblock-play" href="#">
<img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/Wzb59xIfMq0/0.jpg" alt="Авиабилеты подорожают из-за создания новой системы бронирования">
</a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Авиабилеты могут подорожать из-за создания новой системы бронирования</a></div>
<div class="videoblock-playlist-brief">Совет Федерации предложил создать отечественную систему бронирования авиабилетов</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/C3a_ZSwj9mc">
<a class="videoblock-play" href="#"><img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/C3a_ZSwj9mc/0.jpg" alt="Как создавать бронирование в Галилео"></a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Галилео:</a></div>
<div class="videoblock-playlist-brief">Видео как создавать бронирование</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/KxozRuR6UwE">
<a class="videoblock-play" href="#"><img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/KxozRuR6UwE/0.jpg" alt="Как создавать бронирование в системе Амадеус"></a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Амадеус:</a></div>
<div class="videoblock-playlist-brief">Видео как создавать бронирование</div>
</div>
</li>
<li class="clearfix " rel="https://www.youtube.com/v/y4ThNFZsNKs">
<a class="videoblock-play" href="#"><img class="videoblock-playlist-poster" src="https://img.youtube.com/vi/y4ThNFZsNKs/0.jpg" alt="Как создавать бронирование в системе Сэйбр"></a>
<div class="col-float">
<div class="videoblock-playlist-title"><a class="videoblock-play" href="#">Сейбр:</a></div>
<div class="videoblock-playlist-brief">Видео как создавать бронирование</div>
</div>
</li>
</ul>
<a href="#down" class="videoblock-playlist-down">Вниз</a>
</div>
</div>
<script type="text/javascript">
$(function(){
function play($element)
{
swfobject.embedSWF($element.attr('rel'), 'videoblock-movie', '640', '360', '9.0.0', '<?php echo get_template_directory_uri(); ?>/static/js/expressInstall.swf', {}, {'wmode': 'opaque'});
$element.addClass('now-playing').siblings('.now-playing').removeClass('now-playing');
}
play($('.videoblock-playlist-scroll>li:first'));
$('.videoblock-play').click(function(e){
e.preventDefault();
var $element = $(this).parents('.videoblock-playlist-scroll>li');
play($element);
});
var $cl = $('#videoblock-playlist-scroll-55e2c079d5c6a'),
$up = $cl.siblings('.videoblock-playlist-up'),
$down = $cl.siblings('.videoblock-playlist-down'),
$step = 80,
$timer;
if ($cl.scrollTop() == 0) {
$up.addClass('scroll-up-disabled')
}
if ($cl.height() + $cl.scrollTop() >= $cl.get(0).scrollHeight) {
$down.addClass('scroll-down-disabled')
}
function scrollUp()
{
$cl.stop(true);
if ( ! $up.hasClass('scroll-up-disabled')) {
$cl.animate({scrollTop:'-='+$step}, {duration : 200, queue: false, easing: 'linear', complete: function(){
if ($cl.scrollTop() == 0) {
$up.addClass('scroll-up-disabled');
}
}});
}
}
function scrollDown()
{
$cl.stop(true);
if ( ! $down.hasClass('scroll-down-disabled')) {
$cl.animate({scrollTop:'+='+$step}, {duration : 200, queue: false, easing: 'linear', complete: function(){
if ($cl.height() + $cl.scrollTop() >= $cl.get(0).scrollHeight) {
$down.addClass('scroll-down-disabled');
}
}});
}
}
$up.click(function(e){
e.preventDefault();
}).mousedown(function(){
scrollUp();
$timer = setInterval(function(){
scrollUp()
}, 200);
$down.removeClass('scroll-down-disabled');
}).mouseup(function(){
clearInterval($timer);
});
$down.click(function(e){
e.preventDefault();
}).mousedown(function(){
scrollDown();
$timer = setInterval(function(){
scrollDown()
}, 200);
$up.removeClass('scroll-up-disabled');
}).mouseup(function(){
clearInterval($timer);
});
});
</script>
</div>