htmlでボタンを押下したときにiframe動画を表示させたい

Question

タイトルの通り、
HTMLでボタンを押下したときにリンク先のiframeビデオを表示させたいのですが
思うようにできません。

リンク先の動画表示するだけなら
a href="ここ" こちらにURLを書いてリンクさせることはできるのですが
この場合、動画幅大きくなってしまい、 幅や高さを指定したいためiframeを使いたいと考えてます。

 <div class="center" id="movie1" >
   <a href="#" style="height: auto;">ボタンクリック</a> 
 </div>

 <div id="movie1" class="full-screen" data-movie-target="1">
   <iframe src="https://www.XXX.jp/XXXXX/" name="movie1" scrolling="no" frameborder="0" width="400" height="300" ></iframe>
 </div>

上記だけではなく

a href="#movie1"

にしてみたり
a href をボタンにしてみたり
https://teratail.com/questions/115272　
こちらも参考にためしてみましがこれはリンク先が.htmlなのか、
普通の ---.jpのリンク先の動画の場合は　ボタンクリックしても
動画は表示されませんでした。
ご教示いただけると幸いです。よろしくお願いします。