JSFiddle - React, Tailwind, and code Playground

HTML

<video width="400" height="300" controls="controls" poster="http://htmlbook.ru/example/video/duel.jpg ">  <source src="videhttp://htmlbook.ru/example/o/duel.ogv" type='video/ogg; codecs="theora, vorbis"'>
   <source src="http://htmlbook.ru/example/video/duel.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
   <source src="http://htmlbook.ru/example/video/duel.webm" type='video/webm; codecs="vp8, vorbis"'>
   Тег video не поддерживается вашим браузером. 
   <a href="http://htmlbook.ru/example/video/duel.mp4">Скачайте видео</a>.
  </video>
       <button id="vstop">Отменить загрузку</button>
        <button id="vpause">Пауза. Поток кэшируется</button>
       <button id="vplay">Играть</button>

JavaScript

var nodeVideo = document.querySelector('video');
var defaultSrc = null;

document.querySelector('#vplay').onclick = function(){
    nodeVideo.src = defaultSrc || nodeVideo.currentSrc ; 
    nodeVideo.play();
}

document.querySelector('#vstop').onclick = function(){
     defaultSrc = nodeVideo.currentSrc ;
    nodeVideo.src = '';
}

document.querySelector('#vpause').onclick = function(){
    defaultSrc = nodeVideo.currentSrc ;
    nodeVideo.pause();
}