窗口最小化或选项卡更改时暂停Iframe视频

时间:2016-04-10 18:54:57

标签: javascript video iframe pause minimized

由于我的问题,我为默认的html视频实现了这一点: HTML video pause when window is minimized

但现在我开始使用视频准备应用程序来生成带有一些附加功能的视频(字幕,字幕搜索等等)

该应用程序生成的html文件包含IFrame。我在iframe上尝试了onfocus() - offocus()函数,但它没有用。当选项卡被更改或窗口最小化时,我无法实现暂停视频。

以下是视频准备工具生成的默认代码。如何将该解决方案(在开头的链接中)应用于此代码? IFrame对象和javascript视频有什么区别?

不是:这是我用来打开带有视频的页面的第一个html文件。它调用其他文件。我不确定你是否需要这些文件。

<!DOCTYPE HTML>
<html>
<head>

<meta name="google" value="notranslate" /> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>TEST VIDEO</title>

<style>
html, body {
    margin: 0px;
    padding: 0px;
    font-family:Verdana, Geneva, sans-serif;
    background-color: #1a1a1a;
    text-align: center;
    width: 100%;
    height: 100%; 
}

</style>

<link href="TEST_embed.css" rel="stylesheet" type="text/css">
</head>
<body>
<iframe class="tscplayer_inline" id="embeddedSmartPlayerInstance" src="TEST_player.html?embedIFrameId=embeddedSmartPlayerInstance" scrolling="no" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>

</body>
</html>

0 个答案:

没有答案