]> git.immae.eu Git - github/shaarli/Shaarli.git/blame - plugins/playvideos/youtube_playlist.js
Merge pull request #1698 from ArthurHoaro/feature/plugins-search-filter
[github/shaarli/Shaarli.git] / plugins / playvideos / youtube_playlist.js
CommitLineData
b9b41d25
A
1/** @licstart The following is the entire license notice for the
2 * JavaScript code in this page.
3 *
4 * Copyright: (c) 2011-2015 Sébastien SAUVAGE <sebsauvage@sebsauvage.net>
5 * (c) 2011-2017 The Shaarli Community, see AUTHORS
6 *
7 * This software is provided 'as-is', without any express or implied warranty.
8 * In no event will the authors be held liable for any damages arising from
9 * the use of this software.
10 *
11 * Permission is granted to anyone to use this software for any purpose,
12 * including commercial applications, and to alter it and redistribute it
13 * freely, subject to the following restrictions:
14 *
15 * 1. The origin of this software must not be misrepresented; you must not
16 * claim that you wrote the original software. If you use this software
17 * in a product, an acknowledgment in the product documentation would
18 * be appreciated but is not required.
19 *
20 * 2. Altered source versions must be plainly marked as such, and must
21 * not be misrepresented as being the original software.
22 *
23 * 3. This notice may not be removed or altered from any source distribution.
24 *
25 * @licend The above is the entire license notice
26 * for the JavaScript code in this page.
27 */
28
b17c19ff
A
29var run_playideos = (function () {
30 var e, n, t, o, r, i = [].indexOf || function (e) {
31 for (var n = 0, t = this.length; n < t; n++) {
32 if (n in this && this[n] === e) return n
33 }
34 return -1
35 };
36 if (!window.console) {
37 window.console = {
38 log: function () {}
39 }
40 }
41 n = {
42 shadow: {
43 "background-color": "black",
44 position: "fixed",
45 left: 0,
46 top: 0,
47 width: "100%",
48 height: "100%",
49 "z-index": 1e3,
50 opacity: .8
51 },
52 player_box: {
53 position: "fixed",
54 left: "50%",
55 top: "50%",
56 width: 640,
57 height: 480,
58 "margin-left": -320,
59 "margin-top": -240,
60 "z-index": 1001
61 },
62 prev_button: {
63 "float": "left"
64 },
65 next_button: {
66 "float": "right"
67 }
68 };
69 t = function (e, n) {
70 var t, o, r;
71 r = document.createElement("script");
72 r.src = e;
73 o = document.getElementsByTagName("head")[0];
74 t = false;
75 r.onload = r.onreadystatechange = function () {
76 var e, i;
77 e = !this.readyState || (i = this.readyState) === "loaded" || i === "complete";
78 if (!t && e) {
79 t = true;
80 n();
81 r.onload = r.onreadystatechange = null;
82 return o.removeChild(r)
83 }
84 };
85 return o.appendChild(r)
86 };
87 e = function (e) {
88 var t, o, r, a, u, l, d, c, f, p, s, y, h, g, v, m, w;
89 e.getScript("//www.youtube.com/iframe_api");
90 d = [];
91 w = new RegExp("https?://(www.)?youtube.com/");
92 e('a[href^="http"]').each(function () {
93 var n;
94 if (!e(this).attr("href").match(w)) {
95 return
96 }
97 n = this.href.replace(/^.*v=/, "").replace(/\&.*$/, "");
98 if (i.call(d, n) < 0) {
99 return d.push(n)
100 }
101 });
102 console.log("video ids", d);
103 c = 0;
104 y = null;
105 g = "playlist_player";
106 f = function () {
107 console.log("Playing", c, d[c]);
108 return y.loadVideoById(d[c])
109 };
110 p = function () {
111 c++;
112 if (c >= d.length) {
113 c -= d.length
114 }
115 return f()
116 };
117 s = function () {
118 c--;
119 if (c < 0) {
120 c += d.length
121 }
122 return f()
123 };
124 l = function () {
125 e("#shadow, #player_box").remove();
126 return e(document).unbind("keyup.player")
127 };
128 e(document).bind("keyup.player", function (e) {
129 if (e.keyCode === 27) {
130 l()
131 }
132 if (e.keyCode === 39) {
133 p()
134 }
135 if (e.keyCode === 37) {
136 return s()
137 }
138 });
139 u = e("<div />", {
140 id: "shadow",
141 css: n.shadow,
142 click: l
143 });
144 r = e("<div />", {
145 id: "player_box",
146 css: n.player_box
147 });
148 o = e("<div />", {
149 id: g
150 });
151 a = e("<a />", {
152 href: "javascript:;",
153 text: "previous",
154 css: n.prev_button,
155 click: s
156 });
157 t = e("<a />", {
158 href: "javascript:;",
159 text: "next",
160 css: n.next_button,
161 click: p
162 });
163 r.append(o).append(a).append(t);
164 e("body").append(u).append(r);
165 v = function (e) {
166 console.log("player ready");
167 return e.target.playVideo()
168 };
169 h = function (e) {
170 var n, t;
171 n = {
172 2: "invalid video id",
173 5: "video not supported in html5",
174 100: "video removed or private",
175 101: "video not embedable",
176 150: "video not embedable"
177 };
178 t = n[e.data] || "unknown error";
179 console.log("Error", t);
180 d.splice(c, 1);
181 if (c >= d.length) {
182 c = 0
183 }
184 return f()
185 };
186 m = function (e) {
187 if (e.data === YT.PlayerState.ENDED) {
188 return p()
189 }
190 };
191 return window.onYouTubeIframeAPIReady = function () {
192 return y = new YT.Player(g, {
193 height: "390",
194 width: "640",
195 videoId: d[0],
196 events: {
197 onReady: v,
198 onError: h,
199 onStateChange: m
200 }
201 })
202 }
203 };
204 o = false;
205 if (typeof jQuery !== "undefined" && jQuery !== null && jQuery.fn && jQuery.fn.jquery) {
206 r = jQuery.fn.jquery.split(".");
207 if (r.length === 3 && parseInt(r[1]) > 3) {
208 console.log("using in page jquery version", jQuery.fn.jquery);
209 e(jQuery);
210 o = true
211 }
212 }
213 if (!o) {
214 t("plugins/playvideos/jquery-1.11.2.min.js", function () {
215 return e(jQuery.noConflict(true))
216 })
217 }
218});
219
220var input = document.querySelector('#playvideos');
221input.addEventListener('click', function()
222{
223 run_playideos();
224});