javascript - 替换嵌入 iframe 中的视频

标签 javascript jquery html

如何使用 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>

另一个视频源应该在 <a> 中标签,因此当我单击“openload”一词时,它会将视频源更改为第二个源,而另一个人认为我需要在多个帖子中使用可变视频来执行此操作

最佳答案

您不需要任何 JavaScript。

  1. 为 iframe 指定一个名称 ex。 <iframe src='about:blank' name='vid'....
  2. 接下来,为每个链接指定 target属性与 iframe 名称的值。前任。 <a href='path/to/video.mp4' target='vid'...

演示

这里不起作用,请转到此Plunker for a working demo

<a href='http://media6000.dropshots.com/photos/1381926/20170326/005609.mp4' target='vid'>1</a>

<a href='http://media6000.dropshots.com/photos/1381926/20170326/005610.mp4' target='vid'>2</a>

<a href='http://media6000.dropshots.com/photos/1381926/20170326/005611.mp4' target='vid'>3</a>


<iframe src='about:blank' name='vid' width='320' height='180'></iframe>

关于javascript - 替换嵌入 iframe 中的视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47834710/

相关文章:

jquery - 我的 Stack Slider 文本变得模糊,导航也没有循环

javascript - 动画不透明文本CSS

html - 无法使标题 div 适合整个屏幕

javascript - 如何从mongo数据库中的字符串传递动态键值

javascript - 如何正确使用 minify maven 插件来缩小 Angularjs 应用程序中的 js 和 css?

javascript - 如何从异步 POST 请求返回字符串?

javascript - 淡入淡出对页面加载的影响

javascript - 什么是 "Enterprise JavaScript"?

c# - 从 javascript 拖放事件调用 C# 方法

html - z-index 不适用于 float div