我的视频模式在加载页面上显示为空白，我该如何纠正？

如何解决我的视频模式在加载页面上显示为空白，我该如何纠正？

感谢您花时间阅读这篇文章。当我加载我的页面时，我的模态显示为空白，单击时显示的所有模态都运行良好，我的脚本没有按预期工作。

我的 HTML

       <a title="Video promocional Salsas Harvest Of love" data-toggle="modal" data-src="https://www.youtube.com/embed/nxLtwE0Rr0k?rel=0?autoplay=1" data-target="#videoModal3" class="text-color video-modal"><i class="ti-control-play bg-gradient hover-shadow btn-play mr-2"></i><span>Ver video</span></a>
        <div class="modal fade" id="videoModal3" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content border-0 rounded-0">
              <iframe width="560" height="315" src="" id="video3" frameborder="0"
                allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
                allowfullscreen></iframe>
            </div>
          </div>
        </div>

主体底部声明的脚本

<script>
  $('#videoModal3').modal('show');
</script>

在 .js 文件之外声明的 Js（适用于所有其他模式）

$('#videoModal3').on('hide.bs.modal',function(e){$("#video3").attr('src',$videoSrc);})