我想播放视频,但只是下载。
这是我的代码:
<iframe src="videos/1.mp4" width="540" height="310"></iframe>
页面加载时的结果:
如何使用iframe播放视频,而不是使用视频标签?
答案 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插入视频的原因。
现在,如果您想强制执行此操作,则应执行以下操作:
创建一个html-并在该html中实现一个带有
然后从另一页写下<iframe src = "yourwebcontentvideo.html" />
就是这样。
答案 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/