trouble with code

[cronner]

Can't get javascript to show
I've loaded .js and .css in header and using Videojs 6

<div class="wrapper">
 <div class="videocontent">
<video id="play2" class="video-js vjs-16-9 vjs-big-play-centered" data-setup="">
    <p class="vjs-no-js">
      To view this video please enable JavaScript, and consider upgrading to a web browser that
      <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
    </p>
</video>
 </div>
</div>
<script>
var Player = videojs("play2", { 
"controls": true, 
"autoplay": true,
"fluid": true,
"preload": "auto" ,
"poster": "poster1.jpg",
"width": 768,
"height": 432,
sources: [
{ src: 'video1.mp4', type: 'video/mp4', label:'SD', res:'480'},
{ src: 'video2.mp4', type: 'video/mp4', label:'HD', res:'720'},
],
});
videojs('play2').watermark({
   file: 'logo1.png',
   clickable: false,
   url: "https://google.com",
})
videojs('play2').videoJsResolutionSwitcher({
          ui: true,
          default: 'low', // Default resolution [{Number}, 'low', 'high'],
          dynamicLabel: false, // Display dynamic labels or gear symbol
})
videojs('play2').overlay({
        content: 'Default overlay content',
        debug: true,
        overlays: [{
          content: 'JAVASCRIPT HERE to show ad???',
          start: 'play',
          end: 'pause'}]
})
</script>