Question

我在幻灯片中显示了视频和图像，如代码所示，一切正常。目标是当客户点击播放视频时停止幻灯片放映。请问脚本有可能吗？

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

Answer 1

我终于找到了它，我们必须将属性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/

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

1 个答案: