Как я могу сделать перезагрузку видео после изменения SR c?

Question

Привет всем, я хочу создать скрипт для перезагрузки sr c видео, и я пишу код для изменения sr c, и он работает, но после изменения sr c ничего не случилось с новым sr c не сработало, поэтому я попытался перезагрузить sr c видеокадра, но тоже не сработало, и это скрипт

<button type="button" onclick="myFunction1();">Click Me!</button>
                <video id='hls-video' style="width: 100%; height: 100%;">
                <source id="change-src" src='http://vtpii.net:8000/live/946108483118595/641391346746584/185.m3u8' title='480p' type='application/x-mpegURL'/>
                </video>
                <script>
                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();
                }  
                </script>

, так как я могу перезагрузить и сделать новый sr c работает после клика и спасибо

Answer 1

Тег

<video> не имеет метода reload(). Вы можете использовать load() & play() методы в комбинации, чтобы получить желаемое поведение, подобное этому:

var video = document.getElementById('hls-video');
var source = document.getElementById('change-src');

function myFunction1() {
  video.pause()
  source.setAttribute('src', 'https://www.w3schools.com/html/mov_bbb.mp4');
  video.load();
  video.play();
}

<button type="button" onclick="myFunction1();">Click Me!</button>
<video id='hls-video' style="width: 100%; height: 90vh;" controls>
  <source id="change-src" src='https://www.w3schools.com/html/mov_bbb.mp4' title='480p' type='video/mp4'/>
</video>