ntv/ntv-site
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add watch page

Browse Source
This commit is contained in:
nezbednik 2023-03-26 11:01:11 +02:00
parent 0c5ba560c0
commit d82f26947c
6 changed files with 50 additions and 1714 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/cp.sh
View File

@ -2,8 +2,8 @@
mkdir npmtemp
cd npmtemp
npm init -y
npm i video.js videojs-contrib-quality-levels tingtingan-videojs-hls-quality-selector
cp node_modules/video.js/dist/video-js.css ..
npm i video.js@7.21.4 videojs-contrib-quality-levels tingtingan-videojs-hls-quality-selector
cp node_modules/video.js/dist/video-js.min.css ..
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/tingtingan-videojs-hls-quality-selector/dist/videojs-hls-quality-selector.min.js ..

1679
js/video-js.css
View File

File diff suppressed because one or more lines are too long

1
js/video-js.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

46
js/video.min.js vendored
View File

File diff suppressed because one or more lines are too long

11
styles.css
View File

@ -1,4 +1,4 @@
button, a.button {
a.button {
height: 17px;
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%);
@ -18,10 +18,10 @@ button, a.button {
text-align: center;
vertical-align: middle;
}
button:hover, a.button:hover {
a.button:hover {
font-weight: bold;
}
button:active, a.button:active {
a.button:active {
padding: 2px;
margin: 1px;
font-size: 10pt;
@ -73,3 +73,8 @@ main {
padding: 15px;
margin: 0;
}
#js {
width: 800px;
height: 450px;
}

23
watch.php Normal file
View 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") ?>