Video.js 4.x Logo Demo

HTML

<script src="https://cdn.rawgit.com/videojs/video.js/a584104b78516a5ca38b9ba1ad1ec9f9af045fe9/dist/video-js/video.dev.js"></script>
<script src="https://cdn.rawgit.com/brianpkelley/video-js-4-plugins/master/logo/logo.js"></script>
<link rel="stylesheet" href="https://cdn.rawgit.com/videojs/video.js/a584104b78516a5ca38b9ba1ad1ec9f9af045fe9/dist/video-js/video-js.min.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/brianpkelley/video-js-4-plugins/master/logo/logo.css">
<video id="video-js-1" controls preload="none" poster="http://www.videojs.com/img/poster.jpg" class="video-js vjs-default-skin" >
      <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4" />
      <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm" />
      <track kind="captions" src="/vtt/captions.vtt" srclang="en" label="English"></track>
</video>

CSS

.video-js .vjs-control.vjs-logo-control {
  /* This will be updated when cdn catches up */
  min-width: 10;
}

JavaScript

videojs("video-js-1", {
	height: 300,
  width: 640,
  plugins: {
  	logo: {
        src: "http://www.3playmedia.com/ui/images/Video-js-logo.png",
        alt: "Logo Alt Text",
        url: "http://www.videojs.com",
        width: '100px'
      }
    }
  }, function(){
  	// Player Ready.  
    // this = videojs('video-js-1');
  });