add watch page
This commit is contained in:
parent
0c5ba560c0
commit
d82f26947c
4
js/cp.sh
4
js/cp.sh
@ -2,8 +2,8 @@
|
|||||||
mkdir npmtemp
|
mkdir npmtemp
|
||||||
cd npmtemp
|
cd npmtemp
|
||||||
npm init -y
|
npm init -y
|
||||||
npm i video.js videojs-contrib-quality-levels tingtingan-videojs-hls-quality-selector
|
npm i video.js@7.21.4 videojs-contrib-quality-levels tingtingan-videojs-hls-quality-selector
|
||||||
cp node_modules/video.js/dist/video-js.css ..
|
cp node_modules/video.js/dist/video-js.min.css ..
|
||||||
cp node_modules/video.js/dist/video.min.js ..
|
cp node_modules/video.js/dist/video.min.js ..
|
||||||
cp node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js ..
|
cp node_modules/videojs-contrib-quality-levels/dist/videojs-contrib-quality-levels.min.js ..
|
||||||
cp node_modules/tingtingan-videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js ..
|
cp node_modules/tingtingan-videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js ..
|
||||||
|
1679
js/video-js.css
1679
js/video-js.css
File diff suppressed because one or more lines are too long
1
js/video-js.min.css
vendored
Normal file
1
js/video-js.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
46
js/video.min.js
vendored
46
js/video.min.js
vendored
File diff suppressed because one or more lines are too long
11
styles.css
11
styles.css
@ -1,4 +1,4 @@
|
|||||||
button, a.button {
|
a.button {
|
||||||
height: 17px;
|
height: 17px;
|
||||||
background: rgb(255,255,255);
|
background: rgb(255,255,255);
|
||||||
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(168,176,194,1) 13%, rgba(73,80,93,1) 49%, rgba(39,46,55,1) 51%, rgba(13,27,35,1) 87%, rgba(0,6,10,1) 100%);
|
background: -moz-linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(168,176,194,1) 13%, rgba(73,80,93,1) 49%, rgba(39,46,55,1) 51%, rgba(13,27,35,1) 87%, rgba(0,6,10,1) 100%);
|
||||||
@ -18,10 +18,10 @@ button, a.button {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
}
|
}
|
||||||
button:hover, a.button:hover {
|
a.button:hover {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
button:active, a.button:active {
|
a.button:active {
|
||||||
padding: 2px;
|
padding: 2px;
|
||||||
margin: 1px;
|
margin: 1px;
|
||||||
font-size: 10pt;
|
font-size: 10pt;
|
||||||
@ -73,3 +73,8 @@ main {
|
|||||||
padding: 15px;
|
padding: 15px;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#js {
|
||||||
|
width: 800px;
|
||||||
|
height: 450px;
|
||||||
|
}
|
||||||
|
23
watch.php
Normal file
23
watch.php
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
<?php include("includes/header.php") ?>
|
||||||
|
<link rel="stylesheet" href="js/video-js.min.css">
|
||||||
|
<script src="js/video.min.js"></script>
|
||||||
|
<script src="js/videojs-contrib-quality-levels.min.js"></script>
|
||||||
|
<script src="js/videojs-hls-quality-selector.min.js"></script>
|
||||||
|
<h1>Watch NTV live online /change title/</h1>
|
||||||
|
</main>
|
||||||
|
<script>
|
||||||
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
|
var vjs = videojs("js");
|
||||||
|
vjs.controls("true");
|
||||||
|
vjs.src({
|
||||||
|
type: "application/vnd.apple.mpegurl",
|
||||||
|
src: "https://stream.services.nez-cf.net.eu.org:1965/playlist.m3u8"
|
||||||
|
});
|
||||||
|
vjs.hlsQualitySelector({
|
||||||
|
vjsIconClass: "vjs-icon-cog"
|
||||||
|
});
|
||||||
|
});
|
||||||
|
</script>
|
||||||
|
<video id="js" width="800" height="450" class="video-js"></video>
|
||||||
|
<main>
|
||||||
|
<?php include("includes/footer.php") ?>
|
Loading…
Reference in New Issue
Block a user