Not loading video.js Player. After Installing, /libraries/video-js/video.js and video-js.css Are Never Loaded [#1992280]

I installed this and set it up, and installed Video.js 3.2.3 into /sites/all/libraries/video-js.

First of all, the documentation for this is very hard to read and is wrong in some places. I had to find video.js version 3 at github, then run build.sh to get the dist folder, rename that to video-js, then upload that to the libraries folder. There's no option at videojs.com to download anything other than version 4.

The dev documentation even says "make sure that`sites/all/libraries/video-js/video.min.js` exists." But video.min.js doesn't exist anymore.

I know the typical use of this module is to use a file field, then set the display to video.js, then I'd have to upload multiple versions of my video.

I currently use the Video module and Zencoder, so I upload a single MP4 and it gets encoded to multiple formats automatically and the site serves whichever one it needs. If I enable this module, I have the choice to use video.js as my HTML5 video player, but it doesn't work.

Once I enable the module, I go into Video > Players and set HTML5 and Video.js as the player for mp4 and webm files, which are the only ones I have uploaded, and they load and play fine.

The problem is that the HTML5 player that is loading in Firefox, Chrome, and IE are the browser defaults, they are not Video.js.

Even with the video.js module disabled and uninstalled, the Video module loads "/sites/all/modules/video/js/video.js". Is that an issue? What is that for?

I manually pasted these lines into Bartik and video.js player started working immediately (albeit at the default, tiny size):

Somewhere along the lines, the module is not loading the stylesheet, or the video.js file. Either that or I somehow got the wrong ones via github and running the build.sh.

Or I'm misunderstanding and video.js doesn't work with the Video module? But then why is it recommended on the Video module project page, and why does it let me select video.js from the list of HTML5 players on the Player selection page?

Comments

Comment #1

haysuess commented 10 May 2013 at 22:23

I figured this out!

I don't know if I missed it or what, but apparently you need version 3.2.0 to be exact. Older ones probably work too. Anything after that doesn't have the minimized js file, which truly is what this module is looking for, which is why my 3.2.3 version wasn't working.

You still have to get it from github https://github.com/videojs/video.js/tree/3.2.0 and run build.sh via SSH to extract the "dist" folder, which is tough for people who don't know that.

I had to Google and find a random directory listing of someone using the 3.2.0 player and grab those files to get it working before I realized I needed the older version.

I hope this helps someone else, or that the module can be updated for 3.2.3, or better yet version 4 which is publicly available at http://video.js

Comment #2

Jorrit commented 19 May 2013 at 11:28

There used to be separate downloadable zips (not the tags) that contained the video.min.js file, but apparently they are no longer available. I'll try to update the module for 4.0.0.

[edit]
Yep, GitHub doesn't offer compiled downloads anymore:
https://github.com/blog/1302-goodbye-uploads