title: how can i make the video reload after changing the src?
body: <p>hello everyone i want to make a script to reload a src of video and i write a code to change the src and it's working but after changing the src nothing happend the new src did't work so i tried to reload the src of video frame but didn't work too and this is the script </p>
  
  <pre><code>&lt;button type="button" onclick="myFunction1();"&gt;Click Me!&lt;/button&gt;
                  &lt;video id='hls-video' style="width: 100%; height: 100%;"&gt;
                  &lt;source id="change-src" src='http://vtpii.net:8000/live/946108483118595/641391346746584/185.m3u8' title='480p' type='application/x-mpegURL'/&gt;
                  &lt;/video&gt;
                  &lt;script&gt;
                  var myFP = fluidPlayer('hls-video',{layoutControls:{autoPlay:true,allowTheatre: true}});   
                  function myFunction1() {
                  document.getElementById("change-src").src = "http://livecdnh2.tvanywhere.ae/hls/mbc1/index.m3u8";
                  document.getElementById("hls-video").reload();
                  }  
                  &lt;/script&gt;
  </code></pre>
  
  <p>so how can i reload and make the new src working after click and thankyou</p>