Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как плавно открыть блок при при клике на видео-миниатюру ? (https://javascript.ru/forum/events/70551-kak-plavno-otkryt-blok-pri-pri-klike-na-video-miniatyuru.html)

Antonjrjr 14.09.2017 18:41

Как плавно открыть блок при при клике на видео-миниатюру ?
 
Друзья , есть popup окно в контенте которого 3 отдельные миниатюры с background-ом , нужно чтобы при клике на миниатюру открывался еще один блок поверх модального и воспроизводилось видео , как это осуществить ?
<a href="#win1" class="button-image"><img src="images/banner.png"/></a>
<a href="#x" class="overlay" id="win1"></a>
    <div class="popup">
        <div class="content">
          <a class="close"title="Закрыть" href="#close" id="winclose"></a>
            <div id="custom_links" class="custom-links">
                <a href="#" class="custom_links app-store" title="App Store"></a>
                <a href="#" class="custom_links google-play" title="Google Play"></a>
                <a href="#" class="custom_links main-cta" title="CIBC MODERN LIFE"></a>
            </div>

            <div class="video-box-wrapper-0">
                <div class="video-trigger">

                </div>
            </div>
            <div class="modal">
                <div class="modal-inner">
                    <div class="video-responsive">
                        <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                    </div>
                </div>
            </div>
            <div class="video-box-wrapper-1" id="myImg1">
                <div class="video-trigger">
                       <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                </div>
            </div>
            <div class="video-box-wrapper-2" id="myImg2">
                <div class="video-trigger">
                      <video id="video" loop controls>
                            <source src="envideo/CIBC_MPA_15E_ALT.mp4" type="video/mp4"/>
                        </video>
                </div>
            </div>
        </div>
    </div>


Часовой пояс GMT +3, время: 01:09.