title: ReferenceError: videojs is not defined
body: <p>I am using video.js (in CDN-Mode) and everything seems to work fine (with Firefox 26.0). The video is embedded and works fine. But when I want to access the video-Object, I'm getting the console-error:
  <strong>ReferenceError: videojs is not defined</strong> on the code-line where I want to access the object:</p>
  
  <pre><code>var myPlayer = videojs('example_video_1');
  </code></pre>
  
  <p>Googling arround could not solve my problem. I saw implementations where users used: <strong><em>V</em></strong> as constructor instead of <strong>videojs</strong> but this did not solve my problem).</p>
  
  <p>This is my script, where I want to access the object:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      $("#button1").on("click", function(){
          console.log( "You clicked a paragraph!" );
          var myPlayer = videojs('example_video_1');
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is my header</p>
  
  <pre><code>&lt;link href="http://vjs.zencdn.net/4.5/video-js.css" rel="stylesheet"&gt;
  &lt;script src="http://vjs.zencdn.net/4.5/video.js"&gt;&lt;/script&gt;
  &lt;script language="javascript" type="text/javascript" src="js/jquery.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>And this is my video-declaration</p>
  
  <pre><code>&lt;video id="example_video_1" class="video-js vjs-default-skin" controls
  preload="auto" width="1270" height="720" poster="videos/search.png"
  data-setup="{}"&gt;
      &lt;source src="videos/search.webm" type='video/webm'&gt;
      &lt;p class="vjs-no-js"&gt;To view this video please enable JavaScript, and consider upgrading to a web browser that &lt;a href="http://videojs.com/html5-video-support/" target="_blank"&gt;supports HTML5 video&lt;/a&gt;&lt;/p&gt;
  &lt;/video&gt;
  </code></pre>
  
  <p>I would be happy for any kind of support.</p>