title: Why video is not playing, first time it will play on dynamically changing it will not play
body: <p>I'm using <code>videojs</code> plugin to play my videos dynamically on click of each video but it does not play what i'm doing wrong.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(function(){
    
      $('.player-src').on('click',function(){
         //alert($(this).attr('data-src'));
         var videosrc = $(this).attr('data-src');
         videojs('my_video_1', {
       sources: [{
         src: videosrc,
         type: 'video/mp4'
       }, {
         src: videosrc,
         type: 'video/webm'
       }]
     });
     });
  
  });</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>ul{
    display:block;
    list-style: none;
    background:#eaeaed;
    padding:15px;
  }
  
  li.player-src{
       padding: 12px;
      background: orangered;
      color: #fff;
      display: inline-flex;
      margin: 12px;
      cursor: pointer;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://vjs.zencdn.net/7.3.0/video-js.css" rel="stylesheet"/&gt;
  &lt;script src="https://vjs.zencdn.net/7.3.0/video.js"&gt;&lt;/script&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;ul &gt;
    &lt;li class="player-src" data-src="/local/filename.mp4"&gt;play-video1&lt;/li&gt;
    &lt;li class="player-src" data-src="https://vjs.zencdn.net/v/oceans.webm"&gt;play-video2&lt;/li&gt;
    &lt;li class="player-src" data-src="/local/filename.mp4"&gt;play-video3&lt;/li&gt;
    &lt;li class="player-src" data-src="https://vjs.zencdn.net/v/oceans.webm"&gt;play-video4&lt;/li&gt;
    &lt;li class="player-src" data-src="/local/filename.mp4"&gt;play-video5&lt;/li&gt;
  &lt;/ul&gt;
  
  
  
   &lt;video id="my_video_1" class="video-js vjs-default-skin" width="640px" height="267px" controls 
                          
                    data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }'&gt;
                     
                        &lt;!-- &lt;source src="uploads/thursday.mp4"  type='video/mp4'/&gt; --&gt;
                        &lt;source src="https://vjs.zencdn.net/v/oceans.mp4" type='application/x-mpegURL' /&gt;
                        &lt;source src="https://vjs.zencdn.net/v/oceans.webm" type='video/webm' /&gt;
                     
  &lt;/video&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Please help me thanks in advance.</p>