Better Video & Playlist

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/