[Plugin: VideoJS – HTML5 Video Player for WordPress] Shortcode for tracks

Not in the immediate future, but I will definitely consider adding it in the next version. What do you think would be the best shortcode syntax for tracks? Maybe [video mp4="https://video-js.zencoder.com/oceans-clip.mp4"][track kind="captions" src="https://example.com/path/to/captions.vtt" srclang="en" label="English"][/video]? Or can you think of a way to keep it all in the [video] shortcode?

Thanks for posting. I’d actually keep your syntax above. It makes it easier to manage tracks in several languages.

Is vtt a file type that WP will accept for uploads?

If you’re interested there is new beta version of the plugin available at https://github.com/zencoder/video-js-for-wordpress with track support. I would love any feedback anyone would like to offer!

Thanks. Will test it and then add the tracks component to my little shortcode generator.

Captions don’t work .

Where is your caption file hosted? I believe it has to be on the same domain as the main site or else javascript will throw an error. Are you able to view your javascript error logs and see if any errors are coming up?

Uncaught TypeError: Cannot call method ‘addComponent’ of undefined video.js:21
_V_.Track._V_.Component.extend.activate video.js:21
_V_.Track._V_.Component.extend.show video.js:21
prototype.(anonymous function) video.js:21
ret video.js:21
(anonymous function) video.js:21
_V_.extend.each video.js:21
_V_.Component._V_.Class.extend.each video.js:21
_V_.Component._V_.Class.extend.triggerReady video.js:21
techReady video.js:21
_V_.Component._V_.Class.extend.ready video.js:21
_V_.Player._V_.Component.extend.loadTech video.js:21
_V_.Player._V_.Component.extend.src video.js:21
_V_.Player._V_.Component.extend.init video.js:21
Class video.js:21
VideoJS video.js:21
_V_.autoSetup video.js:21

My captions it’s hosted on server where i hosting wordpress.

Have you tried disabling other plugins to make sure there isn’t another plugin that is causing a javascript conflict/error somewhere?

I had only this one activate.. And activate standard wordpress template.

I add video with:
[video webm="https://video-js.zencoder.com/oceans-clip.webm" poster="https://video-js.zencoder.com/oceans-clip.png" preload="auto" autoplay="false" width="640" height="264" id="movie-id" class="alignleft" controls="false"][track kind=”captions” src=”https://udx.pl/domo/wp-content/plugins/videojs-html5-video-player-for-wordpress/videojs/captions.vtt” srclang=”en” label=”English” default=”true”][/video]

Try adding this to your .htaccess file:

<FilesMatch \.vtt$>
   ForceType text/vtt;charset=utf-8
</FilesMatch>

Nothing happen.
I had that problem:
Uncaught TypeError: Cannot call method ‘addComponent’ of undefined

It’s error of video.js:21 (showing in webmaster tool)
When i open that than i get:
_V_.Track._V_.Component.extend.activate video.js:21
_V_.Track._V_.Component.extend.show video.js:21
prototype.(anonymous function) video.js:21
ret video.js:21
(anonymous function) video.js:21
_V_.extend.each video.js:21
_V_.Component._V_.Class.extend.each video.js:21
_V_.Component._V_.Class.extend.triggerReady video.js:21
techReady video.js:21
_V_.Component._V_.Class.extend.ready video.js:21
_V_.Player._V_.Component.extend.loadTech video.js:21
_V_.Player._V_.Component.extend.src video.js:21
_V_.Player._V_.Component.extend.init video.js:21
Class video.js:21
VideoJS video.js:21
_V_.autoSetup

I think it’s cannot add track to theme. I don’t see on code <track> i see only <video>

Very strange. After add control=”true” It’s work!
The resolve.
Change control=”true” in [video] on post!