JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
<div class="b-video" data-video="параметры видео для запуска">
<button class="b-button">Play</button>
</div>
JavaScript
var button = document.querySelector('.b-button');
var video = document.querySelector('.b-video');
var control = new Hammer(button);
control.on('tap', function () {
var data = video.getAttribute('data-youtube');
video.innerHTML = '<iframe width="100%" height="100%"'
+ 'src="https://www.youtube.com/embed/'
+ data + '?autoplay=1" frameborder="0"'
+ ' allowfullscreen></frame>';
});