-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathstagchannels.html
53 lines (47 loc) · 1.46 KB
/
stagchannels.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
<html>
<head>
<title>Staging Channels</title>
<style>
h2 {
color: brown;
margin-top: 60px;
margin-bottom: 2px;
}
.flex-container {
display: flex;
}
.flex-child {
flex: 1;
margin-right: 20px;
}
.player-dimensions{
width: 427px;
height: 240px;
}
</style>
<script src="https://play.stag.viostream.io/api/VC-1936391122"></script>
</head>
<body>
<h1>Staging - Channels</h1>
<div class="flex-container">
<div class="flex-child">
<h3>Script Embed</h3>
<div class="player-dimensions">
<script src="https://play.stag.viostream.io/embed/c-dmd6aot?playerKey=s-dmd7hny">
</script>
</div>
</div>
<div class="flex-child">
<h3>ApiEmbed</h3>
<div id="r-ip" class="player-dimensions"></div>
<script type="text/javascript">$viostream.embed('c-dmd6aot','r-ip', {playerKey: 's-dmd7hny'})</script>
</div>
</div>
<div>
<h3>iFrame Embed</h3>
<iframe style="width:640px; height:360px; border:none; overflow: hidden"
src="https://play.stag.viostream.io/iframe/c-dmd6aot?playerKey=s-dmd7hny"
referrerpolicy="strict-origin-when-cross-origin" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>
</div>
</body>