私の質問のおかげで、デフォルトのhtmlビデオでそれを達成しました： ウィンドウが最小化されたときにHTMLビデオが一時停止します
しかし今、いくつかの追加機能 (字幕、字幕の検索など) を備えたビデオを生成するビデオ準備アプリケーションを使い始めました。
そして、そのアプリケーションによって生成された html ファイルには、IFrame が含まれています。iframe で onfocus()-offocus() 関数を試しましたが、うまくいきませんでした。タブが変更されたとき、またはウィンドウが最小化されたときにビデオを一時停止できませんでした。
ビデオ準備ツールによって生成されるデフォルトのコードは次のとおりです。そのソリューション (冒頭のリンク) をこのコードにどのように適用できますか? javascriptのIFrameオブジェクトとビデオの違いは何ですか?
not: これは、ビデオを含むページを開くために実行する最初の 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>