forked from Awaispirkale/funtv
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathPyaar-mushkil-hai_Trailer-Live-TV.html
154 lines (26 loc) · 8.8 KB
/
Pyaar-mushkil-hai_Trailer-Live-TV.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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Video</title>
<link href=" https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet" >
<script type='text/javascript' src="https://cdn.jsdelivr.net/npm/afterglowplayer@1/dist/afterglow.min.js"></script></head>
<style>
.button{
border-radius: 0% ; border-color: white; padding: 2px; margin: 2px; height: 60px; width: 300px; }
body{ background-color: #FF1DCE; } .footer{ width: 100%; height: 20px; background-color: }
</style> <style> .border { box-shadow: 0px 0px 0px 0px #FFFFFF; transition: box-shadow 0.6s
linear; margin 0.5em; } .border:hover { box-shadow: 0px 0px 0px 3px #FFFFFF; } </style>
<style>body { padding: 0; margin: 0; position: relative;} .NiaziTV {width:30px; alignment-adjust:central; height:30px; position:fixed; left:10px; top:10px; } button{border-radius: 10px;background: #FF1DCE;font-size:12pt;font-weight:bold;color:white; box-shadow: inset 3px 3px 10px #CC00CC, inset -1px -1px 10px #f7f7f7; } /* Created by Niazi TV For Playlist Buttons */ .button2 {width: 99%;} .button { background-color: ##171515; border: none; color: white; padding: 16px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; -webkit-transition-duration: 0s; /* Safari */ transition-duration: 0s; cursor: pointer; } #3399CC .button2 { background-color: #000099; color: white; border: 5px solid #000099; } .button2 { background-color: #8B008B; color: white; border: 1px solid #3399CC; } .button2:hover { background-color: #FF08E8; color: purple; } /* Created by Baloch TV For Baloch TV Background */ body { background: #0000; } /* Created by Baloch TV For Player Control Buttons */ .buttoncontrols1 { display: inline-block; padding: 5px 7px; font-size: 10px; }
.buttoncotrols1:hover {background-color: #3399CC} .button:active { background-color: #3399CC; box-shadow: #666; transform: translateY(2px); }
body { background: #FF08E8; color: #FF08E8; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; background: #FE019A; }/* Created by Niazi TV For Player Control Buttons */ .buttoncontrols1 { display: inline-block; padding: 5px 7px; font-size: 10px; } .buttoncotrols1:hover {background-color: #FE019A} .button:active { background-color: #FE019A; box-shadow: #666; transform: translateY(2px);} /* Created by Niazi TV For Niazi TV Player */ body { font-family: Arial, Helvetica, sans-serif; background: #FF08E8; color: #fff; } .container { display: flex; flex-direction: row; background: url('#') no-repeat center center/cover; height: 100vh; align-items: center; justify-content: center; text-align: center;} .animated { font-family: 'charm', cursive; margin: 0; padding: 0; font-size: 25px; background: url('http://srv2.jazztv.pk:80/jazzlive/uploads/categories/607a5a58755b7a01ef1ed943e214ed61.jpg') no-repeat; background-clip: text; -webkit-background-clip: text; color: transparent; animation: moveBg 05s linear infinite; -webkit-animation: moveBg 05s linear infinite;} /* Text Background Animation */@keyframes moveBg { 0% { background-position: 0% 30%; } 100% { background-position: 100% 50%; }} </style> <style> .name { margin: 0; padding: 0; font-size: 13px; background: url('http://srv2.jazztv.pk:80/jazzlive/uploads/categories/607a5a58755b7a01ef1ed943e214ed61.jpg') no-repeat; background-clip: text; -webkit-background-clip: text; color: transparent; animation: moveBg 40s linear infinite; -webkit-animation: moveBg 40s linear infinite; display: block; width: 100%;} .lds-ripple { display: inline-block; position: relative; width: 90px; height: 90px;}.lds-ripple div { position: absolute; border: 4px solid white; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;}.lds-ripple div:nth-child(2) { animation-delay: -0.5s;}@keyframes lds-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 20; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; }} </style> </head>
<div class="animated" style="text-align: center; padding-top: 75%;"></div> <div class="row"> <div class="col-xs-6"><div style="position: fixed; top: 0px; width: 100%"><center> <div style='width: 100%; height: 315px; background: #CC00CC; position: fixed; top: 0px'></div>
<video class="afterglow" poster="https://d34080pnh6e62j.cloudfront.net/images/bilalimages/banners/1639149292PYHOMS1920x1080new.jpg" id='videoplayer' title='Video 01' width='16' height='9' data-autoresize="fit" src="https://vodss.tapmad.com/vods/PYHOMS/Trailer1Final/master.m3u8"></video>
<div style="background-color:#000066"><centered> <!--- PLAYER BUTTONS --> <span style='width: 100%; position: fixed; display: block'> <Button type="button" class="buttoncontrols1" onclick="rwd15svideoplayer()" ><i class="fas fa-fast-backward"></i>20s</Button> <button class="buttoncontrols1" onclick="rwd5svideoplayer()"><i class="fas fa-step-backward"></i>10s </button> <button id='play' class="buttoncontrols1" onclick="Play()" ><i class="fas fa-play"></i></button> <button id='pause' style='display: none' class="buttoncontrols1" onclick="Pause()" ><i class="fas fa-pause"></i> </button> </button> <button class="buttoncontrols1" onclick="afterglow.getPlayer('videoplayer').requestFullscreen()" ><i class="fas fa-external-link-square-alt"></i></button> <button class="buttoncontrols1" onclick="fwd5svideoplayer()" >10s<i class="fas fa-Step-forward"></i> </button> <button class="buttoncontrols1" onclick="fwd15svideoplayer()" >20s<i class="fas fa-Fast-forward"></i> </button> <div id='heading2' style="display: block; width:100%; alignment-adjust:"> <h1 id="heading" style="font-size: 20px; text-align: center" class="animated">PYAAR MUSHKIL HAI</h1> </div> <span id='name' class='name' ></span>
<br><span style='font-size: 13px; color: #F8F4FF; left: 10px; position: absolute'> <input style="height:15px; width:15px;" id="low" type="radio" onclick="low()" name="radio" value=""> <span onclick="low()">Low</span><img id='lLoader' style='display: none; width: 10px; height: 10px' src='https://jazztube.jazz.com.pk/mobile/p/common/img/loading.gif'></img> <input style="height:15px; width:15px;" id="medium" type="radio" name="radio" onclick="medium()" value=""> <span onclick="medium()">Medium</span><img id='mLoader' style='display: none; width: 10px; height: 10px' src='https://jazztube.jazz.com.pk/mobile/p/common/img/loading.gif'></img> <input style="height:15px; width:15px;" id="high" type="radio" name="radio" onclick="high()" value=""> <span onclick="high()">High</span><img id='hLoader' style='display: none; width: 10px; height: 10px' src='https://jazztube.jazz.com.pk/mobile/p/common/img/loading.gif'></img> <select onchange='onChange()' id='imgStus'> <option value='1'>Img On</option><option value='2'>Img Off</option> </select><img id='imgLoader' style='display: none; width: 10px; height: 10px' src='https://jazztube.jazz.com.pk/mobile/p/common/img/loading.gif'></img></span> </span>
<!--- PLAYER BUTTONS --> <!--- Loader --> <div id='loader' style='display: none; position: fixed; left: 35%; top: 70px'><center> <font color='white' style='font-size: 15px'><span style='background-color: #000000' id='status'><img style='width: 20px; height: 20px' src='https://jazztube.jazz.com.pk/mobile/p/common/img/loading.gif'></img><br>Loading Video...</span></font> </center></div> <!--- Loader --> <!--- FIXED IMAGE ON VIDEO PLAYER --> <!--- IF YOU WANT TO PACE IMAGE ON PLAYER USE COMMENT BOX--> <div> <!--- PLAYER BUTTONS --> <!--- FIXED IMAGE ON VIDEO PLAYER --> <!--- IF YOU WANT TO PACE IMAGE ON PLAYER USE COMMENT BOX--> <div> <img class='NiaziTV' src="https://i.ibb.co/RppGZnJ/Pics-Art-10-11-12-57-09.png"></div> </div> <!-- <div style="width:25%; alignment-adjust:central; height:1px; position:fixed; left:1px; top:1%" > <h2 class="animated"> TV Plus </h2> </div></div> <!--- FIXED IMAGE ON VIDEO PLAYER --> <!--- Player Controls Script --> <script type='text/javascript' src="https://niazitv.pk/player/script.js"></script> </div> <!-- <div style="width:25%; alignment-adjust:central; height:1px; position:fixed; left:1px; top:1%" > <h2 class="animated"> Niazi TV </h2> </div></div> <!--- FIXED IMAGE ON VIDEO PLAYER -->
</div> <br><br>
<p style="text-align: center;">
<a onClick="afterglow.getPlayer('videoplayer').pause().currentTime(0).src('https://vodss.tapmad.com/vods/PYHOMS/Trailer1Final/master.m3u8').play();"> <button class="button button2">Trailer</button></li><p> </a>
</p> </section> </div> <hr> <p style="text-align: center;">Copyright © 2022, <span style="text-decoration: underline; font-size:13px;"><span style="color: #0FC0FC; text-decoration: underline; font-size:13px;">LIVE-TV</span></span> - All Rights Reserved.</p>