HTML5 accessible HTML5 video player

accessible HTML5 Video Player is an open-source, lightweight player that uses HTML5 video playback technology to support subtitles display, video free-jump, replay, and more. The HTML5 video plugin was developed by the PayPal Accessibility team and is compatible with all browsers such as Firefox, Chrome, and Ie10, and IE9 only supports internal video calls.
Simple and refreshing video interface can let you in a short period of time like it, at least I was really attracted to its interface, there is a little regret is unable to full screen, if you have to know friends can share!

The call to accessible HTML5 video player is also very simple, with just a few steps to make your site a simple and elegant video HTML5 playback feature.

How to use:

Insert CSS Style

<rel= "stylesheet"  href= "/css/px-video.css"/>

HTML code structure

<Divclass= "Px-video-container"ID= "Myvid">    <Divclass= "Px-video-img-captions-container">        <Divclass= "Px-video-captions Hide"Aria-hidden= "true"></Div>        <Videowidth= "640"Height= " the"Poster= "Media/foo.jpg"Controls>            <Sourcesrc= "Foo.mp4"type= "Video/mp4" />            <Sourcesrc= "FOO.WEBM"type= "VIDEO/WEBM" />            < TrackKind= "captions"label= "中文版 captions"src= "MEDIA/FOO.VTT"Srclang= "en"default/>            <Div>                <ahref= "Foo.mp4">                    <imgsrc= "Media/foo.jpg"width= "640"Height= " the"alt= "Download Video" />                </a>            </Div>        </Video>    </Div>    <Divclass= "Px-video-controls"></Div></Div>

JS Call: Insert the following code before the body end tag

<Scriptsrc= "Js/px-video.js"></Script><Script>//InitializeNewInitpxvideo ({"VideoID": "Myvid",    "Captionsondefault": true,    "Seekinterval":  -,    "Videotitle": "clips of stand-up comedy",    "Debug": true});</Script>

Demo Demo Download

HTML5 accessible HTML5 video player