Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /var/www/html/video/ |
<?php
define('ROOT_PATH', dirname(__FILE__) . '/');
require "configs.php";
require "lib/class_info.php";
global $INFO;
$CORE = new info();
require "lib/class_functions.php";
$func = new FUNC;
$CORE->input = $func->get_input();
require "lib/class_display.php";
$print = new display();
require "lib/class_db.php";
$DB = new db_driver;
$DB->connect($INFO);
require "includes/functions.php";
$home_url ='https://'.$_SERVER['HTTP_HOST'].'/';
$url = '/anime/'.$_GET['url'];
$url_subtitle = '';
$url_subtitle_check = 'subtitle/'.$_GET['url'].'.vtt';
if(file_exists($url_subtitle_check)){
$url_subtitle = '/subtitle/'.$_GET['url'].'.vtt';
}
$url_img = str_replace(array('/anime','.m3u8'),array('/thumb','.png'),$url);
$txt_id = str_replace(array('/anime','.m3u8'),array('',''),basename($url));
$t = $CORE->input['t']??0;
?>
<!DOCTYPE html>
<html>
<head>
<title>Video player</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="/layout/js/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/plyr/3.7.8/plyr.js" integrity="sha512-evjxmRXJDnWC62hPb1lsGZP6/TsBVR1hq2K873VPdlxItTB/WFpB4pavhqTwEjWpYfOA/b/9QYljHjrPO1fXwg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/hls.js/8.0.0-beta.3/hls.js" integrity="sha512-jiM/NGoyDvKKHG1gL1VGvJnOFC0vbRa7sZ7QR7YiNI77fiUr2BElLfVELREEtimEjDpOzpImu29do+sjGKT0DQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<link rel="stylesheet" href="/layout/css/plyr.css"/>
<!--<link rel="stylesheet" href="https://assets.mediadelivery.net/plyr/3.7.8.4-bn/plyr.css"/>-->
<link href="https://assets.mediadelivery.net/rubik.css" rel="stylesheet">
<link href="https://fonts.bunny.net/css?family=rubik" rel="stylesheet" />
<style>
* {
user-select: none; /* supported by Chrome and Opera */
-webkit-user-select: none; /* Safari */
-khtml-user-select: none; /* Konqueror HTML */
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* Internet Explorer/Edge */
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:root {
--plyr-color-main: #FA7DE5;
--plyr-video-background: transparent;
--plyr-captions-background: none;
--plyr-captions-text-color: #fff;
--plyr-font-weight-regular: 600;
--plyr-font-weight-bold: 600;
--plyr-font-family: 'rubik';
--webkit-text-track-display: none;
--plyr-font-size-xlarge: 30px;
}
html, body {
margin: 0;
padding: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
body {
background-color: transparent;
font-family: 'rubik', sans-serif;
}
.container {
width: 100%;
height: 100%;
}
video {
width: 100%;
height: 100%;
}
.plyr__poster {
background-size: cover;
}
.plyr__control--overlaid {
background: #FA7DE5;
box-shadow: #4a4a4a20 0 0 27px;
}
.plyr--video {
height: 100%;
}
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded=true] {
background: #FA7DE5;
}
.plyr__control.plyr__tab-focus {
box-shadow: 0 0 0 5px rgba(255,0,0, .5);
}
.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
background: #FA7DE5;
}
[data-plyr="captions"].plyr__control {
/* border-bottom: solid 3px transparent;*/
}
[data-plyr="captions"].plyr__control--pressed {
/*border-bottom: solid 3px #FA7DE5;*/
}
/*.plyr__captions {
font-size: 20px;
}*/
@media (max-width: 479px) {
/*.plyr__captions {
font-size: 18px;
}*/
.plyr__captions .plyr__caption {
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: bold;
-webkit-text-stroke: 1px #4a5464;
-webkit-text-fill-color: white;
paint-order: stroke fill;
}
}
@media (min-width: 480px) {
/*.plyr__captions {
font-size: 18px;
}*/
.plyr__captions .plyr__caption {
font-family: 'Arial', sans-serif;
font-size: 20px !important;
font-weight: 200;
-webkit-text-stroke: 1px #4a5464;
-webkit-text-fill-color: white;
paint-order: stroke fill;
}
}
@media (min-width: 768px) {
/*.plyr__captions {
font-size: 23px;
}*/
.plyr__captions .plyr__caption {
font-family: 'Arial', sans-serif;
font-size: 25px !important;
font-weight: 400;
-webkit-text-stroke: 2px #4a5464;
-webkit-text-fill-color: white;
paint-order: stroke fill;
}
}
@media (min-width: 1024px) {
/*.plyr__captions {
font-size: 26px;
}*/
.plyr__captions .plyr__caption {
font-size: 35px !important;
font-family: 'Arial', sans-serif;
font-weight: 650;
-webkit-text-stroke: 4px #4a5464;
-webkit-text-fill-color: white;
paint-order: stroke fill;
}
}
.plyr__progress input {
border-radius: 0px !important;
-webkit-appearance: none;
background: transparent;
}
.plyr__progress input[value]::-webkit-progress-bar {
border-radius: 0px !important;
}
.plyr__progress input[value]::-webkit-progress-value {
border-radius: 0px !important;
}
.plyr audio, .plyr iframe, .plyr video {
max-height: 100vh;
}
.plyr__spacer {
width: 100%;
}
.plyr__progress__container {
position: absolute;
top: 14px;
left: 10px;
width: calc(100% - 24px);
}
@media (max-width: 480px) {
.plyr__progress__container {
top: -5px;
}
.plyr__volume {
position: relative;
}
.plyr__volume input[data-plyr="volume"] {
display: none;
height: 2rem;
position: absolute;
right: -3rem;
top: -1rem;
transform-origin: left;
transform: rotate(-90deg);
}
.plyr__volume:hover input[data-plyr="volume"],
.plyr__volume input[data-plyr="volume"]:hover {
display: block;
}
}
.wt-chart-active .ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
fill: url(#gradient-active);
}
.ct-series-a .ct-area, .ct-series-a .ct-slice-donut-solid, .ct-series-a .ct-slice-pie {
fill: url(#gradient-a);
}
.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
stroke: #FA7DE5;
}
.plyr__pb {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
z-index: 3;
margin-left: calc(var(--plyr-range-thumb-height, 13px)*-.5);
margin-right: -6.5px;
margin-right: calc(var(--plyr-range-thumb-height, 13px)*-.5);
width: calc(100% + 13px);
width: calc(100% + var(--plyr-range-thumb-height, 13px));
}
.plyr__preview-thumb {
bottom: 22px;
transition: bottom ease 0.1s;
}
.plyr__controls {
padding-top: 70px;
}
@media (min-width: 1280px) {
.plyr--full-ui.plyr--video .plyr__control--overlaid {
width: 60px;
height: 60px;
}
.plyr__control svg {
height: 21px;
width: 21px;
}
}
.plyr__control--overlaid svg {
margin-left: auto;
margin-right: auto;
}
.plyr__control--logo {
height: auto;
max-height: 23.5px;
position: absolute;
left: 44%;
top: 37px;
margin-left: -50px;
}
.plyr__tooltip--drag {
opacity: 1;
transform: translate(-50%) scale(1);
}
.plyr__controls__item[data-plyr="rewind"], .plyr__controls__item[data-plyr="fast-forward"] {
padding: 4px;
}
.plyr__controls__item[data-plyr="rewind"] svg, .plyr__controls__item[data-plyr="fast-forward"] svg {
height: 24px;
height: var(--plyr-control-icon-size,24px);
pointer-events: none;
width: 24px;
width: var(--plyr-control-icon-size,24px);
}
.plyr--full-ui ::-webkit-media-text-track-container {
display: var(--webkit-text-track-display);
}
.disable-poster-transition .plyr__poster {
transition: none;
}
/*workaround to fix safari bug with not showing video thumbnail:*/
.plyr__video-wrapper {
z-index: 0;
}
/* fix for vertical subtitles scrolling */
.plyr__menu__container > div {
max-height: 50vh;
overflow-y: auto;
}
/* Fix for controls overlapping on small devices */
@media only screen and (max-width: 500px) {
/*.hide_mobile.plyr__spacer {
display: none
}*/
}
.plyr--is-ios .plyr__volume {
min-width: 32px;
}
/* Chromecast */
.chromecast-connected {
opacity: 1;
}
.chromecast-disconnected {
opacity: 0.5;
}
.error-message {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.5);
text-align: center;
color: #ccc;
padding-top: 50px;
}
</style>
</head>
<body>
<div class="container" id="video-container">
<video controls autoplay playsinline>
<source src="<?php echo $url;?>" type="application/x-mpegURL" />
<?php
if($url_subtitle!=''){
?>
<track
kind="captions"
label="English"
srclang="en"
src="<?php echo $url_subtitle;?>"
default
/>
<?php } ?>
</video>
</div>
<script>
(function () {
var video = document.querySelector("video");
const source = video.getElementsByTagName("source")[0].src;
if (Hls.isSupported()) {
var hls = new Hls();
hls.loadSource(source);
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
}else if (video.canPlayType('application/vnd.apple.mpegurl')){
video.src = source;
video.addEventListener('loadedmetadata',function() {
video.play();
});
}
//const defaultOptions = {};
//const player = new Plyr(video, defaultOptions);
})();
</script>
</body>
</html>