时间戳

首页 > 解决方案 > 播放视频时禁用幻灯片

html - 播放视频时禁用幻灯片

问题描述

我在幻灯片中显示视频和图像，因为我的代码显示它并且一切正常。目标是在客户端单击播放视频时停止幻灯片放映。请问有脚本的可能性吗？

<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>

标签： htmlasp-classic

解决方案

我终于找到了，我们必须在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/

推荐阅读