如何使用 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。
- 为 iframe 指定一个名称 ex。
<iframe src='about:blank' name='vid'....
- 接下来,为每个链接指定
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/