javascript - How to stop slider when .mp4 video is played in mvc? -
i'm using "bxlider.js" plugin slide 1 "html<>" video , 2 image in mvc project. problem when i'm playing video, slider still sliding.
here code:
 $('.bxslider').bxslider({              auto: true,              autocontrols: true,          });  <ul class="bxslider">    <li>      <video id="homepagevdo" height="210" controls="controls" >        <source class="video-width" src="~/media/homepagevdo.mp4" type="video/mp4">      </video>    </li>    <li>      <img src="~/media/sample1.png" role="img" width="350" height="210" alt="sample1" title="sample1"/>    </li>    <li>      <img src="~/media/sample2.jpg" role="img" width="350" height="210" alt="sample2" title="sample2"/>    </li>  </ul>  please need help... other plugin van thanks.!!!
try :--
var slider = $('.bxslider').bxslider({                auto: true,                autocontrols: true,              });   and ever want stop bxslider use slider.stopshow(); , when start use slider.startshow(); shown below :-
$("#homepagevdo").on("pause", function (e) {    slider.startshow(); });  $("#homepagevdo").on("play", function (e) {    slider.stopshow(); });      
Comments
Post a Comment