-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathwillop.html
120 lines (106 loc) · 3.72 KB
/
willop.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
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ssl.p.jwpcdn.com/player/v/8.32.1/jwplayer.js" type="text/javascript"></script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Player</title>
<style>
body {
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
background-color: black;
}
#player-container {
width: 100%;
max-width: 800px;
aspect-ratio: 16 / 9;
margin: 10px 0;
}
/* Custom scrollbar styles */
body::-webkit-scrollbar {
width: 8px;
background-color: rgba(0, 0, 0, 0.7);
}
body::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: rgba(140, 140, 140, 0.5);
}
body::-webkit-scrollbar-thumb:hover {
background-color: rgba(140, 140, 140, 0.7);
}
.ad-container {
margin: 10px 0;
text-align: center;
}
</style>
</head>
<script type='text/javascript' src='//eltontry.com/09/f1/e9/09f1e956c711aea6a898d5abbb78d092.js'></script>
<body>
<div class="ad-container">
<script type="text/javascript">
atOptions = {
'key': '701fef7de243c4e8e91e6e6b3a2fea1e',
'format': 'iframe',
'height': 90,
'width': 728,
'params': {}
};
</script>
<script type="text/javascript" src="//eltontry.com/701fef7de243c4e8e91e6e6b3a2fea1e/invoke.js"></script>
</div>
<div id="player-container"></div>
<div class="ad-container">
<script type="text/javascript">
atOptions = {
'key': '701fef7de243c4e8e91e6e6b3a2fea1e',
'format': 'iframe',
'height': 90,
'width': 728,
'params': {}
};
</script>
<script type="text/javascript" src="//eltontry.com/701fef7de243c4e8e91e6e6b3a2fea1e/invoke.js"></script>
</div>
<script type="text/javascript">
jwplayer.key = 'XSuP4qMl+9tK17QNb+4+th2Pm9AWgMO/cYH8CI0HGGr7bdjo';
jwplayer("player-container").setup({
file: "https://abgqckoaaaaaaaambcrovz6jv4i5x.a44e5017b2a24d109a79eef5850f6b97.emt.cf.ww.aiv-cdn.net/iad-nitro/live/clients/dash/enc/qngc3ylwts/out/v1/be2eb65b8d774e8e953dbf3e8958ecb3/cenc.mpd",
aspectratio: '16:9',
width: '100%',
autostart: true,
image: 'https://mma.prnewswire.com/media/1919551/WillowTV_Logo.jpg?p=facebook',
mute: false,
preload: 'auto',
captions: { color: 'white', fontSize: '16px', backgroundOpacity: 0 },
sharing: {
sites: ['facebook', 'twitter']
},
drm: {
"clearkey": {
"keyId": "61d5f72a22d9e8b6a953f3516e5d4f7f",
"key": "c81009990766a50feae298ab74940db2"
}
}
});
// Ensure playback compatibility for mobile devices
jwplayer().on('ready', function () {
const player = document.querySelector('#player-container');
if (player) {
player.style.height = window.innerHeight + 'px';
}
});
jwplayer().on('play', function () {
document.body.style.backgroundColor = "#000";
});
jwplayer().on('error', function (e) {
console.error("Playback error:", e.message);
});
</script>
</body>
</html>