各位前輩！請教一下：
我有一個輸入框：

<input type="text" id="video" name="video">

我從 facebook 隨意複製一段影片 iframe 代碼：

<iframe src="https://www.facebook.com/plugins/video.php?height=476&href=https%3A%2F%2Fwww.facebook.com%2FJuliusmagic%2Fvideos%2F1348136302204415%2F&show_text=false&width=267" width="267" height="476" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share" allowFullScreen="true"></iframe>

我在該input 頁面上的 js 代碼如下， 其中 我自己寫的表達式，可以分別驗證開頭與結尾，但無法兼顧 頭部與結尾，指望前輩指點一下兼顧方法：

$("#video").on('blur', function() {
    let video_url = $("#video").val();
            
    var reg = /^<iframe/;            //狀況1 ok 但這只能驗證 開頭部分
    var reg = /iframe>$/;            //狀況2 ok 但這只能驗證 結尾部分
    var reg = /^<iframe*iframe>$/;   //狀況3 格式錯誤 ，顯然中間寫個 * 是不行的，若想開放中間可以某些符號的話，表達式該怎麼寫？
            
    if (video_url !== '') {
        if (!reg.test(video_url)) {
            $("#video").val('');
            $("#info").addClass("warning").show().html("網址格式不正確，請重新複製貼上");
            return;
        }
    }
 }

任何幫助都將銘感於心，希望有前輩可以指教一下，謝謝！