text scratch_272

Posted 2021-05-02

[!Wayfinder? &startId=`6` &level=`1` &hereTpl=`innerMenuHere` &outerClass=`inner_menu` &lastClass=`last` !]

<link href="assets/templates/main/img/html5.css" rel="stylesheet" media="all" />
<style>
    .tabs .tab {
        display: none;
        background: #fff;

    }
    .tabs .tabs-nav{
        text-align: center;
        background: none;
    }
    #content .tabs .tabs-nav a{
        background: #600011;
        border: 1px solid #580110;
    }
    #content .tabs .tabs-nav a {
        font: normal 15px Tahoma, "DejaVu Sans",sans-serif;
        display: inline-block;
        border: 1px solid #EB060F;
        line-height: 8px;
        height: 10px;
        width: 55px;
        background: #b2000f;
        background: -webkit-gradient(linear, left top, left bottom, from(#c00010), to(#b2000f));
        background: -webkit-linear-gradient(top, #c00010, #b2000f);
        background: -moz-linear-gradient(top, #c00010, #b2000f);
        background: -ms-linear-gradient(top, #c00010, #b2000f);
        background: -o-linear-gradient(top, #c00010, #b2000f);
        background-image: -ms-linear-gradient(top, #c00010 0%, #b2000f 100%);
        padding: 11px 14px;
        color: #DBD0AE;
        vertical-align: middle;
        margin-right: -5px;
        text-decoration: underline;
    }
    #content .tabs .tabs-nav a:hover{
        color: #fff !important;
    }
    #content .tabs .tabs-nav .active{
        background: #600011;
        border: 1px solid #580110;
        text-decoration: none;
        cursor: default;
    }
    #content .tabs .tabs-nav .tab1{
        border-bottom-left-radius: 4px;
        border-top-left-radius: 4px;
    }
    #content .tabs .tabs-nav .tab2{
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
    }
    .tabs .active{
        display: block;
    }


    .video_wrap {
        margin-right: 44px;
    }

</style>
<!--[if lte IE 6]>
<style>
    p.avi{
        margin-bottom:46px !important;
    }
</style>
<![endif]-->
<script type="text/javascript" src="/assets/js/player/video.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $('.videomenu li').eq(0).css('margin-bottom','38px')
        $('.vjs-big-play-button').live('click',function(){
//if (pageTracker) {  pageTracker._trackEvent('Video', 'Отрывки о Максе Ибрагимове из фильма «Запад России»', 'Просмотр'); }
//$('#example_video_1').attr({'poster':'http://www.artmix.ru/maxick_video/dvd/preload-dvd55_.jpg'});
//$('.video-container').css({'margin-bootom','15px'})
        });

        $('.tabs').each(function () {
            var self = $(this);

            if (self.find('.tabs-wrapper .tab.active').length === 0) {
                self.find('.tabs-nav > *:first').addClass('active');
                self.find('.tabs-wrapper .tab:first').addClass('active');
            }

            self.find('.tabs-nav a').click(function () {
                $('.video-js-box').css('width','480px');

                var tab = $($(this).attr('href')),
                    isActive = $(this).hasClass('active'),
                    linkActive = self.find('.tabs-nav .active'),
                    tabActive = self.find('.tab.active');

                if (!isActive) {
                    linkActive.removeClass('active');
                    tabActive.removeClass('active');
                    tab.addClass('active');
                    $(this).addClass('active');
                }

                return false;
            });
        });
    });
</script>
<div class="inner">
    <h1>Открытие салона в Калиниграде</h1>
    <div class="tabs">
        <div class="tabs-nav">
            <a class="tab1" href="#tab1">Часть 1</a>
            <a class="tab2" href="#tab2">Часть 2</a>
        </div>
        <div class="tabs-wrapper">
            <div class="tab" id="tab1">
                <div class="video_wrap" style="width:480px;">
                    [[facebox]]

                    {{view-tracking}}



                    {{html5VideoEvent}}


                    [[html5video? &ogg=`/assets/media/video/opensalon/opensalon_1.mp4` &mp4=`/assets/media/video/opensalon/opensalon_1.mp4` &webm=`/assets/media/video/opensalon/opensalon_1.mp4` &width=`480` &height=`358` &image=`/assets/media/video/opensalon/open1_big.jpg` &skin=`/assets/flash/maxick_party.xml`]]
                    <!-- maxick_favorit.xml -->
                </div>
            </div>
            <div class="tab" id="tab2">
                <div class="video_wrap" style="width:480px;">
                    [[facebox]]
                    {{view-tracking}}


                    [[html5video? &ogg=`/assets/media/video/opensalon/opensalon_2.mp4` &mp4=`/assets/media/video/opensalon/opensalon_2.mp4` &webm=`/assets/media/video/opensalon/opensalon_2.mp4` &width=`480` &height=`358` &image=`/assets/media/video/opensalon/open2_big.jpg` &skin=`assets/flash/maxick_party.xml`]]
                    <!-- maxick_favorit.xml -->
                </div>

            </div>
        </div>
    </div>


    <p> Состоялось открытие 35-го салона «Максик». Чем новый салон в Калининграде отличается от других, в сюжете новостей на телеканале «Россия&nbsp;1».</p>
    <p>Продолжительность 05:00</p>

    <h2 style="text-align: left; font-style: italic;">Смотрите также:</h2>

    [!Wayfinder? &startId=`24` &level=`2` &rowTpl=`videoMenuRow`  &hereTpl=`videoMenuHere` &outerClass=`videomenu` &lastClass=`last` &excludeDocs=`[*id*]` &sortBy=`createdon` &sortOrder=`DESC` !]

</div>