Video controls only show sometimes

I have a videojs video showing in a carousel. The video controls only show occasionally. Sometime I have to refresh the page many times before the controls show.

The code is placed into the file via the theme’s template with the following code
<?php echo do_shortcode("[videojs mp4='" .get_sub_field("mp4"). "' ogg='" .get_sub_field("ogg"). "' webm='".get_sub_field("webm")."' poster='".$poster_img."' width='1048' height='576' preload='auto' controls='true']"); ?>

The problem seems to be the same across Webkit and Firefox. It doesn’t seem to be a problem with the actual video file, as right-clicking and pressing play (in Firefox and Chrome – Safari doesn’t seem to allow right click play on video) plays the video as it should.

Thinking it might have something to do with the carousel, I moved the video out of the carousel, and still the problem occurred – sometimes the controls are visible, sometimes not.

I have a few pages where this is an issue:
1, 2 and 3

Please advise on how I can ensure the controls remain visible on every refresh.

Thanks

http://wordpress.org/plugins/videojs-html5-video-player-for-wordpress/