Beschrijving
Super fast player and playlist player using native HTML5 video player and jQuery. This will work also in WordPress. Uses browser local storage for most features.
If user is logged in we store video position in the database. So even if changes browser will save the progress.
Works in pages, posts, widgets or any place at your site.
Features
- Resume video from last position. Saves progress in DB and browser storage.
- On pause or window close, stores progress
- Start playing video at custom time using ?t=SECONDS ex ?t=120 will start at 2 minutes
Playlist Features
– Create playlist video from a HTML5 list or JS array
– Resume on last played video
– Autoplay next video on video end
– Mark video as played
– Start playing from video via url parameter using ?start_video=ID_VIDEO
– Stored in user browser storage, not in DB
Installatie
Through WordPress admin:
- Go to Plugins -> Add New
- Search for “Better Video”
- Install the plugin
- Activate it
Through FTP:
- Download the plugin
- Unzip .zip and upload the folder to the
/wp-content/plugins/
directory - Activate the plugin through the ‘Plugins’ menu in WordPress
FAQ
-
How to use?
-
To enable the video features just add a video from the post editor or add HTML video tag. You can have as many video tags as you want.
-
Video Play list
-
You can create a list on your editor and then in the side panel in advanced, anchor set it to “bvideo_playlist”.
Also you can edit the HTML and create List with id = bvideo_playlist:
<ol id="bvideo_playlist"> <li><a href="http://s3.amazonaws.com/akamai.netstorage/HD_downloads/earth_night_rotate_1080.mov">Animation: Rotating Earth at Night</a></li> <li><a href="http://s3.amazonaws.com/akamai.netstorage/HD_downloads/rbsp_launch_1080p.mp4">Radiation Belt Storm Probes Launch</a></li> <li><a href="http://s3.amazonaws.com/akamai.netstorage/HD_downloads/curiosity_lands.mov">Dropping in on Mars in High-Res</a></li> <li><a href="http://s3.amazonaws.com/akamai.netstorage/HD_downloads/GRAIL_launch_1080.mov">GRAIL Launches on Mission to Moon</a></li> <li><a href="http://s3.amazonaws.com/akamai.netstorage/HD_downloads/HLV_Launch_anim.mov">Space Launch System Animation</a></li> </ol>
You can also add in your HTML/JS file a playlist array and will create your list magically, the size field it’s optional:
<script> var video_playlist = [ { "name": "Animation: Rotating Earth at Night", "link": "http://s3.amazonaws.com/akamai.netstorage/HD_downloads/earth_night_rotate_1080.mov", "size": 55000000, }, { "name": "Radiation Belt Storm Probes Launch", "link": "http://s3.amazonaws.com/akamai.netstorage/HD_downloads/rbsp_launch_1080p.mp4", "size": 475000000, }, { "name": "Dropping in on Mars in High-Res", "link": "http://s3.amazonaws.com/akamai.netstorage/HD_downloads/curiosity_lands.mov", "size": 105000000, }, { "name": "GRAIL Launches on Mission to Moon", "link": "http://s3.amazonaws.com/akamai.netstorage/HD_downloads/GRAIL_launch_1080.mov", "size": 1113000000, }, { "name": "Space Launch System Animation", "link": "http://s3.amazonaws.com/akamai.netstorage/HD_downloads/HLV_Launch_anim.mov", "size": 642570000, }, ]; </script>
To add the JS to your post/page you can use a plugin like https://es.wordpress.org/plugins/header-and-footer-scripts/
Beoordelingen
Er zijn geen beoordelingen voor deze plugin.
Bijdragers & ontwikkelaars
“Better Video & Playlist” is open source software. De volgende personen hebben bijgedragen aan deze plugin.
BijdragersVertaal “Better Video & Playlist” naar jouw taal.
Interesse in ontwikkeling?
Bekijk de code, haal de SVN repository op, of abonneer je op het ontwikkellog via RSS.
Changelog
2.0.2
- smooth scroll to video
2.0.1
- ajax stores video time for logged user
1.0
- Initial version