JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<iframe id="video1" width="640" height="360" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" src="https://player.r7.com/video/i/59ce6d36bc1f62ee48000cea?layout=wide252p&full=true" autoplay=1 mozallowfullscreen webkitallowfullscreen allowfullscreen></iframe>

<input type="button" text="Teste" id="playvideo">

JavaScript

$("#playvideo").click(function(){
  $("#video1")[0].src += "&autoplay=1";
  $(this).unbind("click");//or some other way to make sure that this only happens once
 });