Recent news

Friday, 6 May 2016

VideoSync To Sync Page content with html5 video jQuery Video Player Plugin




jQuery VideoSync is a jquery plugin to  sync page content with HTML5 video. This plugin we can use in asp.net, mvc, php etc.

How To Use

1. Add the below library reference
<link rel="stylesheet" href="https://cdn.rawgit.com/daneden/animate.css/master/animate.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdn.rawgit.com/MA3STR0/jquery-videosync/master/jquery.videosync.min.js"></script>
<style>
    .pre-hide {
        opacity: 0;
    }

    video {
        width: 50%;
        float: left;
        padding: 0 20px;
    }
</style>

2. Now add the below html tag.
<video class="vs-source" controls>
    <source src="http://e5t.ro/jquery_videosync_demo.mp4" type="video/mp4">
</video>



Pranav Singh Author: Pranav Singh

Hello, I am Author of this blog. The main purpose of this blog is to provide all the jQuery plugins which is helpful in designing and developing a web application in a single location from the web.

Previous
Next Post »

E-mail Newsletter

Sign up now to receive breaking news and to hear what's new with us.

Recent Articles