在html中使用iframe播放视频

时间:2016-06-06 18:56:08

标签: html video iframe

我想播放视频,但只是下载。

这是我的代码:

<iframe src="videos/1.mp4" width="540" height="310"></iframe>

页面加载时的结果:

image when i load page

如何使用iframe播放视频,而不是使用视频标签?

6 个答案:

答案 0 :(得分:2)

虽然某些浏览器可能支持这种导入视频的方式(使用<iframe>),但某些浏览器会将视频作为文件操作并尝试下载。显示视频的正确方法是使用<video>标记:

<video width="540" height="310" controls>
  <source src="videos/1.mp4" type="video/mp4">
</video>

请参阅W3Schools教程:video tag simple tutorial

答案 1 :(得分:1)

只需使用<video><source src="..." type="video/mp4"></video>代码。

答案 2 :(得分:1)

实际上您的代码没有任何问题! 但问题出在IDM(互联网下载管理器)上,因为它挂钩了浏览器请求的每个链接,并查找您尝试访问的目的地是否与IDM的扩展名单中的内容匹配,所以首先在请求的文件是IDM后执行,因为它的优先级高于浏览器,并且无论如何都要在浏览器中充当监听器。

你要么排除&#34; localhost&#34;从钩子 或者您必须从IDM的扩展名列表中删除mp4扩展名(效率不高)

答案 3 :(得分:0)

iframe标记用于显示另一个页面,不用于播放视频。您无法播放带有该标记的视频,无论是vimeo youtube还是其他任何公司都允许您使用“iframe”添加视频,因为他们之前已在该网页上配置了一些选项并放置了视频。这就是你可以通过iframe插入视频的原因。

现在,如果您想强制执行此操作,则应执行以下操作:

  1. 创建一个html-并在该html中实现一个带有

  2. 的视频
  3. 然后从另一页写下<iframe src = "yourwebcontentvideo.html" />

  4. 就是这样。

答案 4 :(得分:0)

iframe是一种HTML元素,它允许将外部网站或网页或文档(例如word,pdf)或视频嵌入HTML文档中。

以下是通过网站上的iframe代码加载Youtube视频的示例

输出:

<pre>
<code>

https://jsfiddle.net/anjaneyulu15/og64djL0/7/

</code>

</pre>

原始内容取自iframeinhtml.com

答案 5 :(得分:0)

您可以使用它,可以将mp4 url​​作为url参数并返回HTML VideoJS播放器。 https://simplevideoplayer.bubbleapps.io/