Javascript 替换嵌入式iframe中的视频

如何使用JavaScript或jQuery替换iframe中嵌入的视频

我的HTML是：

  <iframe src="https://openload.co/embed/7Cq9AdeLtL0/" allowfullscreen="true" 
  id="bigframe" frameborder="0"></iframe>
  <a data-link="https://openload.co/embed/5xTolN_ejRI/">openload</a>

露天装载

---

另一个视频源应该在

标记中，因此当我单击“openload”一词时，它会将视频源更改为第二个源，另一个视频源认为我需要在多篇文章中使用可变视频来执行此操作最好使用html视频标记而不是iframe来播放视频

html

您的浏览器不支持视频标记。

JS

$（文档）.ready（函数（）{
//设置视频srs
$（'a'）。单击（函数（）{
$（“视频”）.html（“”）；
});   
});

您不需要任何JavaScript

---

给iframe一个名称ex.

，换句话说，你想用另一个替换嵌入式视频吗？是的，这就是我想要的替换iframe？我如何用javascriptno实现这一点？我希望它在iframe旁边，我有一个用于css@chamsagouni你为什么要用iframe而不是视频标签播放视频？没问题，快乐编码。
<a data-link="https://openload.co/embed/5xTolN_ejRI/" href="#">Video 1</a>  
<a data-link="https://openload.co/embed/5xTolN_ejRI/"  href="#">Video 2</a>  

<video width="320" height="240" controls>
  <source src="https://openload.co/embed/5xTolN_ejRI" type="video/mp4">  
Your browser does not support the video tag.
</video>

$(document).ready(function(){
  // set video srs 
  $('a').click(function(){
    $("video").html('<source src="'+$(this).data('link')+'"></source>' );
  });   
});