Video.js basic setup and flash as primary tech

Hristo Dobrev Source

I am still new to videojs and I am playing around with the most basic functionality.

I am not sure if the issues I have are problems with my setup, are they bugs that should be reported or I am simply doing it wrong.

First off even the demo at when played has the option "show controls" in the dropdown menu. When clicked the player will show a second control bar along with the one that was already showing. Disabling "show controls" hides only the newly appeared control bar.

Is this a limitation to Video.JS that can't be avoided?

Basically I went to , copied the code under "Embed this player" and changed the video source and poster to the ones hosted at Then I tried adding stuff to data-setup but I started getting some bizarre results

<video id="MY_VIDEO_2" class="video-js vjs-default-skin" controls
preload="auto" width="640" height="264" autostart="false" poster=""
data-setup='{"techOrder": ["html5", "flash"}'>
<source src="" type='video/mp4'>
<source src="" type='video/webm'>
<p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="" target="_blank">supports HTML5 video</a></p>

A player with empty data-setup has a big "Play" button that disappears when using the default values for techOrder and when I set techOrder to ["flash", "html5"] I expected to see videojs' flash player in action, but it still remains as html5.

My setup is Windows 7 with Flash Player 15. The problems persist in Chrome 38, Firefox 33, Opera 25, IE 11 (doesn't have the "show controls" option)

I am posting my question here in accordance with



answered 4 years ago misterben #1

'Show controls' is part of the browser's native menu on video elements. Other than listening for a right click and blocking the context menu altogether, you can't remove that. In reality I doubt most end users would touch it.

Your JSON in data-setup is missing a closing bracket. It should be {"techOrder": ["html5", "flash"]}

comments powered by Disqus