-
Notifications
You must be signed in to change notification settings - Fork 9
/
index.html
92 lines (82 loc) · 5.54 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>
Multiple video player for watching many streams online by Joel Purra
</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="./resources/font/font.css" />
<link rel="stylesheet" type="text/css" href="./resources/style/main.css" />
<link rel="image_src" href="https://joelpurra.com/projects/multi-video-frames/resources/screenshot/screenshot-2017-01-30T210148Z.png" />
<link rel="shortcut icon" href="/image/logo/favicon.ico" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-64x64.png" sizes="64x64" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-96x96.png" sizes="96x96" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-128x128.png" sizes="128x128" />
<link rel="icon" type="image/png" href="/image/logo/joelpurra-256x256.png" sizes="256x256" />
<!-- <link rel="canonical" href="https://joelpurra.com/projects/multi-video-frames/" /> -->
<link rel="canonical-domain" href="https://joelpurra.com/" />
<meta name="title" content="Multiple video player for watching many streams online by Joel Purra" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Multiple video player for watching many streams online by Joel Purra" />
<meta name="twitter:description" content="Play/view multiple video player streams in the same browser window by using iframes. Can be used to stream many videos as the same time. Actually, the code is generic enough to open any pages, not only video pages, in the frames."
/>
<meta name="twitter:site" content="@joelpurra" />
<meta name="twitter:creator" content="@joelpurra" />
<meta name="twitter:image:src" content="https://joelpurra.com/projects/multi-video-frames/resources/screenshot/screenshot-2017-01-30T210148Z.png" />
<meta name="twitter:domain" content="joelpurra.com" />
<meta property="og:site_name" content="Multiple video player for watching many streams online by Joel Purra" />
<meta property="og:url" content="https://joelpurra.com/projects/multi-video-frames/" />
<meta property="og:image" content="https://joelpurra.com/projects/multi-video-frames/resources/screenshot/screenshot-2017-01-30T210148Z.png" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="1242" />
<meta property="og:image:height" content="724" />
<meta property="og:title" content="Multiple video player for watching many streams online by Joel Purra" />
<meta name="description" content="Play/view multiple video player streams in the same browser window by using iframes. Can be used to stream many videos as the same time. Actually, the code is generic enough to open any pages, not only video pages, in the frames."
/>
</head>
<body>
<div id="not-video">
<header>
<h1>
<a href="https://joelpurra.com/projects/multi-video-frames/">Multiple video player</a>
</h1>
<p class="donate">
<a href="https://joelpurra.com/donate/proceed/?amount=5¤cy=usd"><kbd>Donate $5 now</kbd></a>
<a href="https://joelpurra.com/donate/proceed/?amount=25¤cy=usd"><kbd>Donate $25 now</kbd></a>
<a href="https://joelpurra.com/donate/proceed/?amount=100¤cy=usd&invoice=true"><kbd>Donate $100 now</kbd></a>
<a href="https://joelpurra.com/donate/"><kbd>More options</kbd></a>
</p>
</header>
<main>
<p>
Play/view multiple video player streams in the same browser window by using iframes. Actually, the code is generic enough to open any pages, not only video pages, in the frames.
<a href="https://joelpurra.com/projects/multi-video-frames/?url=https%3A%2F%2Fplayer.vimeo.com%2Fvideo%2F221449473&url=https%3A%2F%2Fwww.youtube.com%2Fembed%2FXz1a5iTi3aU&url=https%3A%2F%2Fwww.youtube.com%2Fembed%2F9bZkp7q19f0&url=https%3A%2F%2Fw.soundcloud.com%2Fplayer%2F%3Furl%3Dhttps%3A%2F%2Fapi.soundcloud.com%2Ftracks%2F208395706%26visual%3Dtrue">Knock yourself out</a> or <a href="./">clear/reset all frames/pages.</a>
</p>
<p>
<label>
<a id="sharing-link-anchor" href="">Link for sharing</a>: <textarea id="sharing-link-textbox" type="url" readonly="readonly"></textarea>
</label>
</p>
</main>
<footer class="container">
<p>
Copyright © 2012, 2013, 2014, 2015, 2016, 2017, 2018, 2019, 2020, 2021 <a href="https://joelpurra.com/">Joel Purra</a>.
<a href="https://github.com/joelpurra/multi-video-frames/">Source code</a>. <a href="https://joelpurra.com/donate/">Your donations are appreciated!</a>
</p>
</footer>
</div>
<section id="controls">
<a id="removeAllUrls" href="./">Clear all</a>
<button id="addUrl" type="button">
Add frame
</button>
</section>
<section id="videos"></section>
<script src="./resources/javascript/external/jquery-3.6.0.min.js"></script>
<script type="text/javascript" src="./resources/javascript/main.js"></script>
<!--#include virtual="/tracker/piwik.html"-->
</body>
</html>