Javascript 要加载视频，请使用"；onclick"；函数来优化网页

首先，很抱歉我的英语不好。 我想上传一个视频嵌入到网页时，我点击一个按钮。 我想这样做是因为facebook嵌入视频很重，如果他们加载所有页面，大约需要3/4秒才能加载。 我正试图用Jquery来实现它，但我不知道该用什么。 现在我正在尝试“加载”功能

这是一个非常简单的例子：

<button id="btn_id" class="btn btn-default" type="submit">Button</button>

<div class="embed-responsive embed-responsive-16by9" id="ld_video">    
<div>

<script>
  btn_id.onclick = function(){
  $("#ld_vid").load(<iframe src=".........);
  };
</script>

按钮
btn_id.onclick=函数（）{
$（“#ld_vid”）.load（您所需要的只是一个按钮，当单击该按钮时-动态更改iframe的
src
属性。这将在用户单击该按钮时加载视频，而不是在用户访问网站时加载所有视频。下面是一个如何实现这一点的最小示例


document.getElementById（“myButton”）.onclick=function（）{
var iframe=document.getElementById（“myIframe”）；
iframe.src=”https://www.youtube.com/embed/6wUxpFu9Wvo";
iframe.style.display=“”；
}

加载视频
您只需单击一个按钮，即可动态更改iframe的
src
属性。这将在用户单击按钮时加载视频，而不是在用户访问网站时加载所有视频。下面是如何实现这一点的一个简单示例


document.getElementById（“myButton”）.onclick=function（）{
var iframe=document.getElementById（“myIframe”）；
iframe.src=”https://www.youtube.com/embed/6wUxpFu9Wvo";
iframe.style.display=“”；
}

加载视频
如果有一个视频……您可以在页面加载并隐藏视频……如果有一个视频……您可以在页面加载并隐藏视频