New Video.js Release + Plugin

dcb / 2012-01-15 23:20:15   

Maybe G470 might be able to help here:

Hef (i think that's his name) recently released a new version of Video.js

I've got a version of the player styled on a static page here

I've got G470's video.js plugin from Raumzwei installed on indexhibit and called as instructed in the text area as seen here

  1. two things:
  2. 1-when I call the plugin and change css='vim' to css='video-js-v2' it still defaults to the original style sheet.

-and-

2-Does the plugin need to be updated because of the new Video.js release?

Thanks for any help!

lx / 2012-01-16 07:38:30   

Hi Daniel,

I guess "video-js-v2" is a customized skin, isn't it? I've implemented the original videojs (version 2.0.2 though) another way, because G470's plugin was not available for download at that time, but looking at his plugin php code, I think, you will have to add the path to your css file in the same manner as shown in the lines 130 to 133.

Hope it helps,
lx

lx / 2012-01-16 08:35:21   

Well, just tried to update myself now and found out, that there must be additional changes in the new videojs version. Flash player fallback fails at the moment…

dcb / 2012-01-16 14:05:28   

thanks lx, that is correct, video-js-v2 refers to my customized style sheet: video-js-v2.css

Vaska opened up a thread about two years ago called 'video and html5'. It looks like the plugin worked then, but now it does not. Somethings up with the javascript, i think? I don't think I'm calling my css properly. Maybe it has something to do with the new Video.js release?

anyone out there have any ideas?

LyngeP / 2012-01-16 19:33:50   

Just been looking into this I like the idea of just using the CDN with the new version of Videojs, and then customize the css locally but I've had some problems implementing the code properly.. any hints?

lx / 2012-01-17 04:10:08   

Yes, they have really slimmed down the embedding code. Unfortunately, they have also slimmed down their documentation. Can't find anything about this "embed builder" or local hosting. Anyway, I had no luck with just replacing the old js and css files in my current local setup. Maybe one finds these informations in their forum.

  1. You might want to try the following for their remote hosted solution:
  2. Put this into the head tags of your main index.php, the one inside â€¦/ndxz-studio/site/sample <em>(or whatever your theme folder is)</em>:
  3. <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
  4. <link href="<%baseurl%><%basename%>/site/css/yourcustomskin.css" rel="stylesheet">
  5. <script src="http://vjs.zencdn.net/c/video.js"></script>
  6. And here is how to use the customized skin: <a href="http://videojs.com/docs/skins/">http://videojs.com/docs/skins/</a>

Always keep a backup of the files before editing them, just in case you're messing them up.

lx / 2012-01-17 04:13:25   

Damn, only Number 3 to 5 belong to the actual code snipped (the usual code tag issue).

lx / 2012-01-17 04:14:44   
  1. <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
  2. <link href="<%baseurl%><%basename%>/site/css/yourcustomskin.css" rel="stylesheet">
  3. <script src="http://vjs.zencdn.net/c/video.js"></script>
dcb / 2012-01-19 12:38:12   

LyngeP, agreed.

lx, yes that is where I started too, but no luck. This seems like the logical solution.

I still think it has something to do with the js file.

This thread has been closed, thank you.