<div class="nav-in-page-v2">
    <span class="nav-in-page-v2__anchor"></span>
    <div class="nav-in-page-v2__inner">

        <a href="#" class="nav-in-page-v2__label">
            <span class="link__label">Overview</span>
            <div class="link__icon"><svg class="icon-chevron" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
                    <path fill="currentColor" d="M11.172 9.82L13 8 9.906 4.99 6.04 1.21c-.281-.28-.703-.28-.914 0l-.914.91c-.281.28-.281.7 0 .91L9.273 8l-5.062 4.97c-.281.28-.281.7 0 .91l.914.91c.281.28.703.28.914 0l5.133-4.97z" />
                </svg>
            </div>
        </a>

        <nav class="nav-in-page-v2__nav">
            <ul class="nav-in-page-v2__nav-items">
                <li class="nav-in-page-v2__nav-item">
                    <a href="#the-bucket" class="nav-in-page-v2__link">
                        <span class="link__label">Overview</span>
                    </a>
                </li>
                <li class="nav-in-page-v2__nav-item">
                    <a href="videos" class="nav-in-page-v2__link">
                        <span class="link__label">Videos</span>
                    </a>
                </li>
                <li class="nav-in-page-v2__nav-item">
                    <a href="specifications" class="nav-in-page-v2__link">
                        <span class="link__label">Specifications</span>
                    </a>
                </li>
                <li class="nav-in-page-v2__nav-item">
                    <a href="combine-with" class="nav-in-page-v2__link">
                        <span class="link__label">Combine with</span>
                    </a>
                </li>
                <li class="nav-in-page-v2__nav-item">
                    <a href="https://www.pioneerdj.com/nl-nl/product/player/cdj-tour1/black/support/#info" class="nav-in-page-v2__link">
                        <span class="link__label">Support</span>
                    </a>
                </li>
            </ul>
        </nav>

        <div class="nav-in-page-v2__actions">
            <div class="nav-in-page-v2__actions-inner">
                <span>€ 1999</span>
                <a href="#" class="link link--colored">
                    <span class="link__label">Buy now</span>
                </a>

                <a href="#" target="_blank" class="action action--normal action--on-light">
                    <span class="action__label">Buy now</span>
                    <span class="action__bg"></span>
                </a>

            </div>
        </div>

    </div>
</div>

<div class="spacer spacer--15"></div>

<div class="section-header">
    <div class="section-header__inner section--8">
        <h1 class="section-header__heading heading heading--2 fw--light">Videos CDJ-3000</h1>
    </div>
</div>

<div class="spacer spacer--15"></div>

<div class="section-header">
    <div class="section-header__inner section--8">
        <h2 class="section-header__heading heading heading--4">Product introduction</h2>
    </div>
</div>

<div class="spacer spacer--6"></div>

<div class="product-videos">
    <section class="col-three">
        <div class="col-three__inner">
            <div class="col-three__content">
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/DSI_Breda.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Ibiza_Blau_Music.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Ipsa nemo repellendus molestias. Doloremque snippet heading.
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Microfusa.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Music_Academy_Rimini.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Musiluz.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias.
                                </div>
                            </div>
                        </article>

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

</div>

<div class="spacer spacer--18"></div>

<div class="section-header">
    <div class="section-header__inner section--8">
        <h2 class="section-header__heading heading heading--4">Tutorial series</h2>
    </div>
</div>

<div class="spacer spacer--6"></div>

<div class="product-videos">
    <section class="col-three">
        <div class="col-three__inner">
            <div class="col-three__content">
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/DSI_Breda.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Ibiza_Blau_Music.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Ipsa nemo repellendus molestias. Doloremque snippet heading.
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Microfusa.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Music_Academy_Rimini.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Musiluz.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias.
                                </div>
                            </div>
                        </article>

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

</div>

<div class="spacer spacer--18"></div>

<div class="section-header">
    <div class="section-header__inner section--8">
        <h2 class="section-header__heading heading heading--4">Artists videos</h2>
    </div>
</div>

<div class="spacer spacer--6"></div>

<div class="product-videos">
    <section class="col-three">
        <div class="col-three__inner">
            <div class="col-three__content">
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/DSI_Breda.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Ibiza_Blau_Music.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Ipsa nemo repellendus molestias. Doloremque snippet heading.
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Microfusa.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias. Doloremque, Aut quae quisquam vitae architecto, quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Music_Academy_Rimini.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Quasi esse incidunt. Explicabo asperiores, quidem excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae architecto, quasi esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
                                </div>
                            </div>
                        </article>

                    </div>
                </div>
                <div class="col-three__item">
                    <div class="col-three__item__inner">
                        <article class="snippet-c">
                            <div class="snippet-c__visual">
                                <div class="snippet-c__image">
                                    <div class="video-player">
                                        <picture class="visual">
                                            <img data-sizes="auto" data-src="/graphics/Musiluz.jpg" class="lazyload" alt="">
                                        </picture>

                                        <span class="video-player__trigger">
                                            <span class="video-ID">agkb5TSjEmc</span>

                                            <span class="icon-play">
                                                <span class="icon-play__inner"></span>
                                                <span class="icon-play__icon">
                                                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 7.6 14">
                                                        <path fill="currentColor" d="M7.4,6.3l-5.6-6c-0.4-0.4-1-0.4-1.4,0C0.1,0.5,0,0.7,0,1v12c0,0.6,0.4,1,1,1c0.3,0,0.5-0.1,0.7-0.3l5.6-6C7.7,7.3,7.7,6.7,7.4,6.3z" />
                                                    </svg>
                                                </span>
                                            </span>
                                        </span>
                                    </div>

                                </div>
                            </div>

                            <div class="snippet-c__content">

                                <h4 class="snippet-c__heading heading">
                                    Snippet heading
                                </h4>

                                <div class="snippet-c__description">
                                    Description text within a range 300 a 350 chars. Ipsa nemo repellendus molestias.
                                </div>
                            </div>
                        </article>

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

</div>

<div class="spacer spacer--16"></div>
{{render '@nav-in-page-v2' nav-in-page merge=true }}

<div class="spacer spacer--15"></div>

{{render '@section-header' heading }}

<div class="spacer spacer--15"></div>

{{#each categories}}
  {{#unless @first}}

  <div class="spacer spacer--18"></div>
  {{/unless}}

  {{render '@section-header' heading merge=true }}

  <div class="spacer spacer--6"></div>

  <div class="product-videos">
    {{render '@col-three' snippets }}
  </div>
{{/each}}

<div class="spacer spacer--16"></div>
nav-in-page:
  items:
    - href: '#the-bucket'
      label: Overview
    - href: videos
      label: Videos
      active: true
    - href: specifications
      label: Specifications
    - href: combine-with
      label: Combine with
    - href: >-
        https://www.pioneerdj.com/nl-nl/product/player/cdj-tour1/black/support/#info
      label: Support
heading:
  heading: Videos CDJ-3000
  type: 1
  size: 2
  headingclass: fw--light
categories:
  - heading:
      heading: Product introduction
      description: false
    videos:
      snippets:
        - video:
            image:
              src: /graphics/DSI_Breda.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
  - heading:
      heading: Tutorial series
      description: false
    videos:
      snippets:
        - video:
            image:
              src: /graphics/DSI_Breda.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text explicabo asperiores, quidem excepturi veniam eos
            odio tenetur corporis! Aut quae quisquam vitae architecto, quasi
            esse incidunt. Ipsa nemo repellendus molestias. Doloremque.
        - video:
            image:
              src: /graphics/Ibiza_Blau_Music.jpg
            video:
              id: agkb5TSjEmc
          heading: Ipsa nemo repellendus molestias. Doloremque snippet heading.
          description: Description text within a range 300 a 350 chars.
        - video:
            image:
              src: /graphics/Microfusa.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
        - video:
            image:
              src: /graphics/Music_Academy_Rimini.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Quasi esse
            incidunt. Explicabo asperiores, quidem excepturi veniam eos odio
            tenetur corporis! Aut quae quisquam vitae architecto, quasi esse
            incidunt. Ipsa nemo repellendus molestias. Doloremque.
        - video:
            image:
              src: /graphics/Musiluz.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias.
  - heading:
      heading: Artists videos
      description: false
    videos:
      snippets:
        - video:
            image:
              src: /graphics/Ibiza_Blau_Music.jpg
            video:
              id: agkb5TSjEmc
          heading: Ipsa nemo repellendus molestias. Doloremque snippet heading.
          description: Description text within a range 300 a 350 chars.
        - video:
            image:
              src: /graphics/Microfusa.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias. Doloremque, Aut quae quisquam vitae
            architecto, quasi esse incidunt. Explicabo asperiores, quidem
            excepturi veniam eos odio tenetur corporis! Aut quae quisquam vitae
            architecto, quasi esse incidunt. Ipsa nemo repellendus molestias.
            Doloremque.
        - video:
            image:
              src: /graphics/Music_Academy_Rimini.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Quasi esse
            incidunt. Explicabo asperiores, quidem excepturi veniam eos odio
            tenetur corporis! Aut quae quisquam vitae architecto, quasi esse
            incidunt. Ipsa nemo repellendus molestias. Doloremque.
        - video:
            image:
              src: /graphics/Musiluz.jpg
            video:
              id: agkb5TSjEmc
          heading: Snippet heading
          description: >-
            Description text within a range 300 a 350 chars. Ipsa nemo
            repellendus molestias.

No notes defined.