Question

我在Div里面有一个iframe，我想添加视频。我已经正确添加了视频的URL路径，但没有在屏幕上显示视频，也没有在浏览器控制台上收到任何错误。这是整个HTML。

<div style="position:relative; width: 100%; height: 0; padding-bottom: 56.25%;">
<iframe width="420" height="315" frameborder="0" allowfullscreen style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;">
 <video id='video-player' autoplay preload='metadata' controls>
  <source src="Video/Sapno.MP4" type="video/mp4">
</video>
</iframe>
</div>

请帮我将视频显示到我的网站..谢谢..

Answer 1

你不需要在这里使用iframe，如果你删除了iframe它会起作用，如果你因任何原因需要iframe，你需要放置＆＃34; src＆＃34; iframe中的属性，带有视频链接。

<div style="position:relative; width: 100%; height: 0; padding-bottom: 56.25%;">
 <video id='video-player' autoplay preload='metadata' controls>
  <source src="Video/Sapno.MP4" type="video/mp4">
</video>
</div>

Answer 2

<video src="/video/demo.mp4" width="200" height="100" controls>

<p>If you are reading this, it is because your browser does not support the HTML5 video element.</p>
</video>

Answer 3

制作一个单独的HTML页面（让我们说second.html）包含<video>元素，现在在iframe中调用该页面，如下所示：<iframe src="second.html" ... ></iframe>。希望它有所帮助。

在iframe中添加视频标记

3 个答案: