-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
98 lines (73 loc) · 3.21 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
<!DOCTYPE html>
<html lang="ja" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>YouTube動画の一時停止ができないようにする仕組み （Chromeless Player（クロムレスプレーヤー））</title>
<script type="text/javascript">
/*
* 解説ページ
* https://wisdommingle.com/youtube-chromeless-player-video-unstoppable-player/
*
* 倉田幸暢(Yukinobu Kurata)
* https://wisdommingle.com
*
* Copyright (c) 2013 Yukinobu Kurata
* Released under the MIT license
* https://github.com/YukinobuKurata/YouTubeUnstoppableChromelessPlayer/blob/master/MIT-LICENSE.txt
*
* MITライセンスについて
* https://wisdommingle.com/mit-license/
*/
//**************************************************************************
//★ユーザー用の設定項目
//★動画プレーヤーの横幅と縦幅を設定する（ピクセル数）。
//横幅
var videoWidth = 530;
//縦幅
var videoHeight = 298;
//★表示させるYouTube動画の「動画ID」を設定する。
var youtubeVideoID = "Xye1sEOG0CA";
//**************************************************************************
</script>
<!-- Googleのウェブサイト上にある「Google Loader」を読み込む。 -->
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
// 「Google Loader」をつかって、「SWFObject」のAPIを読み込む。
google.load("swfobject", "2.2");
</script>
<script type="text/javascript">
// 動画の再生状態が変わったときに実行される関数
function onPlayerStateChange(newState) {
}
// 動画を再生する準備が整ったときに実行される関数
function onYouTubeIframeAPIReady(playerId) {
ytplayer = document.getElementById("ytPlayer");
// 「イベントリスナー」
//左の値は「イベントリスナー」、右の値はそのイベントが発生した時に実行される関数。
ytplayer.addEventListener("onStateChange", "onPlayerStateChange");
//動画を動画プレーヤーに読み込む。
ytplayer.cueVideoById( youtubeVideoID );
}
// 再生ボタンを押した時に実行される関数。
function loadPlayer() {
// 他のドメインから呼び出されているSWF形式の動画プレーヤーが
// 埋め込み先のHTMLページのなかでJavaScriptの関数を実行できるようにする。
var params = { allowScriptAccess: "always" };
// Flash形式の埋め込み動画プレーヤーのHTML要素のid名。
var atts = { id: "ytPlayer" };
// 「SWFObject」によるFlash形式の埋め込み動画プレーヤーの設定。
// (「SWFObject」 https://code.google.com/p/swfobject/ )
swfobject.embedSWF("https://www.youtube.com/apiplayer?" +
"version=3&enablejsapi=1&playerapiid=player1",
"videoDiv", videoWidth, videoHeight, "9", null, null, params, atts);
}
function _run() {
loadPlayer();
}
google.setOnLoadCallback(_run);
</script>
</head>
<body>
<div id="videoDiv">読込中・・・</div>
</body>
</html>