How to display video and image in slider. I did R&D and based on that I have found jquery bxslider is best example for displaying content video and image slider.
Jquery bxslider providing responsive behavior with different browser and It also support in android and iPhone.Using jquery bxslider also feasible to display video in slider and we can play and pause video during slide transition.
I will show you the below example of slider that need to show images and video where rotate the slider after 3 seconds.
Step1: Add CSS and JS of bxslider
Step2: HTML for slider as below with image and video. For display video I have used video tag of html5
Step3: Initialize bxslider js using below code where I set auto Delay:300 set. It will be delay 3 seconds between slide rotation or transition.
Jquery bxslider providing responsive behavior with different browser and It also support in android and iPhone.Using jquery bxslider also feasible to display video in slider and we can play and pause video during slide transition.
I will show you the below example of slider that need to show images and video where rotate the slider after 3 seconds.
Step1: Add CSS and JS of bxslider
Step2: HTML for slider as below with image and video. For display video I have used video tag of html5
Step3: Initialize bxslider js using below code where I set auto Delay:300 set. It will be delay 3 seconds between slide rotation or transition.
0 comments:
Post a Comment