Отключить слайд-шоу при воспроизведении видео - PullRequest
Новая
       15

Отключить слайд-шоу при воспроизведении видео

0 голосов
/ 14 июня 2019

Я показываю в слайд-шоу видео и изображение, как показывает мой код, и все работает хорошо. цель состоит в том, чтобы остановить показ слайдов, когда клиент нажимает на воспроизведение видео. есть ли возможность со скриптом, пожалуйста? 

<LayoutTemplate>
    <ul class='cycle-slideshow no-list-style margin-reset padding-reset' data-cycle-speed='1800' data-cycle-fx='fadeout' data-cycle-slides="li" id="home-slider">
       <asp:PlaceHolder ID="HomeSlide" runat="server" />
    </ul>
</LayoutTemplate>


<ItemTemplate>
<li>
      <video id='my-video' class='video-js' controls preload='auto' width='980' height='452' poster='MY_VIDEO_POSTER.jpg' data-setup='{}'>
      <source src='<%# Eval("VideoURL") %>' type='video/mp4'>
      </video>  
    </li>
    <li>
        <a id="forVideoOrImage" href="<%# Eval("Url") %>.html">
       <img src="<%# Eval("ImageURL") %>">   
        </a>                      
    </li>
</ItemTemplate>
<EmptyDataTemplate></EmptyDataTemplate>

1 Ответ

0 голосов
/ 14 июня 2019

Я наконец нашел его, мы должны добавить атрибут data-cycle-cmd к нашему тегу <video>, поэтому, когда клиент нажимает на воспроизведение, слайд-шоу приостанавливается 

<video data-cycle-cmd="pause" id='my-video' class='video-js' controls preload='auto' width='980' height='452' poster='MY_VIDEO_POSTER.jpg' data-setup='{}'>

для получения более подробной информации:

http://jquery.malsup.com/cycle2/api/

...