title: Meteor and Video.js player loading issues
body: <p>I have probelm running video.js player.</p>
  
  <p>First I put the <code>video.js</code> and <code>video-js.css</code> in <code>client/compatibility</code> folder so it will load first</p>
  
  <p>Then in my client side html I write the following simple code,, It is not working</p>
  
  <pre><code>          &lt;video id="example_video_1" class="video-js vjs-default-skin vjs-big-play-centered"
                    controls  width="640" height="264"
                    poster="{{video.thumbs}}"
                    data-setup='{"controls": true, "autoplay": true,"techOrder":["flash", "html5"],preload="auto"}'&gt;
                   &lt;source  type='video/flv' src="{{uurl}}" /&gt;
              &lt;/video&gt;
  </code></pre>
  
  <p>There are no issues with the template helpers they are working fine but </p>
  
  <p>The problem is with the video.js player , It is not loading.</p>
  
  <p>Anyone tried this before? Struck here, Any help appreciated</p>
  
  <p><strong>UPDATE:</strong></p>
  
  <p>dynamic loading solution working fine for me but
  when I click on a video it redirects to <strong>/video/:_id/:_slug</strong> page with subscribing to single video but when I go back to the home page and again click on another video, this time video player is not initializing again</p>
  
  <p><strong>Code</strong></p>
  
  <p>when onclick on video:</p>
  
  <pre><code>'click .videothumb &gt; a':function(e,t){
          Session.set("url",e.currentTarget.getAttribute("data-url"));
          var url=e.currentTarget.getAttribute("data-url");
          var title=e.currentTarget.getAttribute("data-title");
          var cid=e.currentTarget.getAttribute("data-id");
          Meteor.call("videoData",url,function(er,da){
              console.log(cid);
              Session.set('vurl',da);
              Router.go("video",{_id:cid,slug:title});
          });
      }
  </code></pre>
  
  <p><strong>routing</strong></p>
  
  <pre><code>this.route("video",{
            path:'/video/:_id/:slug',
             waitOn: function() {
              // return Meteor.subscribe('singleVideo', this.params._id);
            },
            onBeforeAction: function () {
  
            },
            data:function(){
                  Session.set("currentVideoId",this.params._id);
                  var video;
                  video= Videos.findOne({_id: this.params._id});
                  return {
                    video:video
                  };
            }
      });
  </code></pre>
  
  <p>rendered function:</p>
  
  <pre><code>Template.video.rendered=function(){
          var id=Session.get("currentVideoId");
          Meteor.call("incViews",id,function(e,d){
              console.log("view added");
          });
          videojs("videoId",{"controls": true, "autoplay": false,"techOrder":["html5","flash"],preload:"auto"},function(){ 
            // Player (this) is initialized and ready. 
            **console.log("videojs initialized");**
            console.log(this)   ;
          } 
        );
  };
  </code></pre>
  
  <p>that console "videojs initialized" is loging when only first when I route the video page</p>
  
  <p>from next routing(when I click video thumbnail on homepage)The log functions is not loggind(means player is not initializing)</p>
  
  <p>Any suggestions to make it work better</p>