如何在iframe中禁用自动播放视频

时间:2018-03-13 13:02:29

标签: html iframe

我尝试过以下代码:

plt.plot(perf_range,hsm_low)
plt.plot(perf_range,hsm_high)
plt.plot(perf_range,system_low)
plt.plot(perf_range,system_high)

plt.fill_between(perf_range, system_low, system_high, color='green', alpha=0.5)

我尝试过很多东西,但没有得到任何解决方案。我想禁用视频上的自动播放,并且不想使用<iframe controls="0" autoplay="0" class="embed-responsive-item" src="videos/first_video.mp4"></iframe> 代码,以便在没有<video>代码的情况下使用它?

3 个答案:

答案 0 :(得分:0)

iframe默认不支持此功能。为什么你不想使用视频标签?我唯一可以想到的是让它看起来像没有自动播放的iframe是借助javascript。

首先将iframe src设置为空或将src保留为空。 将图片设置为iframe背景,使其看起来像视频。

<iframe style="background-image:url(picture.png)" id="frame" controls="0" class="embed-responsive-item" src=""></iframe>

然后为该iframe创建一个onclick事件并更改iframe src

function loadVideo() {
  var frame = document.getElementById("frame");
  frame.src = "video.mp4";
}

我会考虑使用适用于每个浏览器的视频标签或插件。

答案 1 :(得分:0)

根据 this article ,语法应如下所示:

<iframe src="https://cross-origin.com/myvideo.html" allow="autoplay; fullscreen"></iframe>

<iframe src="https://cross-origin.com/myvideo.html" allow="fullscreen"></iframe>

<iframe src="https://cross-origin.com/myvideo.html" allow=""></iframe>

这是相当新的(至少对我来说),我没有看到如何关闭自动播放的明确指示。尝试第二个或第三个例子。这是名为 iframe委托的新功能政策的一部分,该政策将于2018年4月全面生效。如果我找到更具体的信息,我将添加此答案。

答案 2 :(得分:0)

我认为这就是你想要的。

&#13;
&#13;
function a() {
var iframe = document.getElementById("iframe");
iframe.src = "video.mp4"
}
&#13;
<iframe src="imagename" height="200" width="300" id="iframe"></iframe>
<button onclick="a()">Play</button>
&#13;
&#13;
&#13;