0

我的网站上有一个视频库 - 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>
4

0 回答 0