This commit is contained in:
Fahad Abbas
parent
eeec247174
commit
657b563ef0
20 changed files with 0 additions and 621 deletions
Binary file not shown.
|
|
@ -1,114 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<link rel="stylesheet" href="{$html5_player_url}/style.css" />
|
||||
|
||||
<script type="text/javascript" src="{$jquery}"></script>
|
||||
<script type="text/javascript" src="{$html5_player_url}/html5_player.js"></script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="videoContainer" id="cont">
|
||||
|
||||
<video id="myVideo" class="myVideo largevid" preload="auto" poster="" >
|
||||
|
||||
<source src="{$normal_vid_file}" type="video/mp4" />
|
||||
<source src="{$hq_vid_file}" type="video/mp4" data-quality="hd" />
|
||||
|
||||
<source src="{$normal_vid_file}" type="video/webm" />
|
||||
<source src="{$hq_vid_file}" type="video/webm" data-quality="hd" />
|
||||
|
||||
<source src="{$normal_vid_file}" type="video/ogg" />
|
||||
<source src="{$hq_vid_file}" type="video/ogg" data-quality="hd" />
|
||||
|
||||
|
||||
|
||||
<!-- <source src="{$videowebm}" type="video/webm">
|
||||
<source src="{$videoogg}" type="video/ogg"> -->
|
||||
|
||||
|
||||
<p>Your browser does not support the video tag.</p>
|
||||
|
||||
|
||||
<!-- Fallback to Flash. -->
|
||||
<!-- Add 24px to the height for the video player -->
|
||||
|
||||
<object width="800" height="374" type="application/x-shockwave-flash" data="{$html5_player_url}/fallback.swf">
|
||||
|
||||
<!-- Firefox uses the `data` attribute above, IE/Safari uses the param below -->
|
||||
|
||||
<param name="movie" value="{$html5_player_url}/player.swf"/>
|
||||
<param name="allowFullScreen" value="true"/>
|
||||
<param name="flashvars" value="autostart=true&file={$normal_vid_file}"/>
|
||||
|
||||
</object>
|
||||
|
||||
|
||||
</video>
|
||||
|
||||
|
||||
<div class="caption"><span class="title">{$title}</span></br><span class="user">Uploaded By {if !$username} Anonymous {else} {$username} {/if}
|
||||
</span></div>
|
||||
<div class="init"></div>
|
||||
|
||||
<div class="control">
|
||||
|
||||
<div class="topControl">
|
||||
<div class="test">
|
||||
<div class="progress">
|
||||
|
||||
<span class="bufferBar"> </span>
|
||||
<span class="timeBar"><div class="buffer btn"></div></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btmControl">
|
||||
<div class="btnPlay hbtn" title="Play/Pause video"></div>
|
||||
<div class="sound sound2 hbtn" title="Mute/Unmute sound"></div>
|
||||
<div class="volume" title="Set volume">
|
||||
<span class="volumeBar"></span>
|
||||
</div>
|
||||
<div class="time">
|
||||
<span class="fcurrent"></span> /
|
||||
<span class="fduration"></span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="btnFS enterbtnFs hbtn" title="Switch to full screen"></div>
|
||||
|
||||
<div class="smallscr largescr hbtn" title="Enlarge/Small Size"></div>
|
||||
|
||||
<div id="hd" class="hdoff hdon hbtn" title="HD On/Off"></div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,142 +0,0 @@
|
|||
<?php
|
||||
/*
|
||||
Player Name: Html5_videoplayer 1.0
|
||||
Description: New html5 ClipBucket Player with all required features
|
||||
Author: Arslan Hassan
|
||||
ClipBucket Version: 2.7
|
||||
|
||||
|
||||
|
||||
|
||||
* @Author : Arslan Hassan
|
||||
* @Script : ClipBucket v2
|
||||
* @License : Attribution Assurance License -- http://www.opensource.org/licenses/attribution.php
|
||||
* @Since : September 15 2009
|
||||
|
||||
*/
|
||||
|
||||
$html5_player = false;
|
||||
|
||||
if(!function_exists('html5_player'))
|
||||
{
|
||||
define("HTML5_PLAYER",basename(dirname(__FILE__)));
|
||||
define("HTML5_PLAYER_DIR",PLAYER_DIR."/".HTML5_PLAYER);
|
||||
define("HTML5_PLAYER_URL",PLAYER_URL."/".HTML5_PLAYER);
|
||||
assign('html5_player_dir',HTML5_PLAYER_DIR);
|
||||
assign('html5_player_url',HTML5_PLAYER_URL);
|
||||
|
||||
function html5_player($in)
|
||||
{
|
||||
global $html5_player;
|
||||
$html5_player = true;
|
||||
|
||||
$vdetails = $in['vdetails'];
|
||||
$vid_file = get_video_file($vdetails,true,true);
|
||||
//Checking for YT Referal
|
||||
|
||||
if(function_exists('get_refer_url_from_embed_code'))
|
||||
{
|
||||
$ref_details = get_refer_url_from_embed_code(unhtmlentities(stripslashes($vdetails['embed_code'])));
|
||||
$ytcode = $ref_details['ytcode'];
|
||||
}
|
||||
|
||||
if($vid_file || $ytcode)
|
||||
{
|
||||
$hd = $data['hq'];
|
||||
|
||||
if($hd=='yes') $file = get_hq_video_file($vdetails); else $file = get_video_file($vdetails,true,true);
|
||||
$hd_file = get_hq_video_file($vdetails);
|
||||
|
||||
|
||||
if($ytcode)
|
||||
{
|
||||
assign('youtube',true);
|
||||
assign('ytcode',$ytcode);
|
||||
}
|
||||
|
||||
if(!strstr($in['width'],"%"))
|
||||
$in['width'] = $in['width'].'px';
|
||||
if(!strstr($in['height'],"%"))
|
||||
$in['height'] = $in['height'].'px';
|
||||
|
||||
if($in['autoplay'] =='yes' || $in['autoplay']===true ||
|
||||
($_COOKIE['auto_play_playlist'] && ($_GET['play_list'] || $_GET['playlist'])))
|
||||
{
|
||||
$in['autoplay'] = true;
|
||||
}else{
|
||||
$in['autoplay'] = false;
|
||||
}
|
||||
|
||||
|
||||
//Logo Placement
|
||||
//assign('logo_placement',cb_player_logo_position());
|
||||
//assign('logo_margin',config('logo_padding'));
|
||||
|
||||
//Setting Skin
|
||||
//assign('cb_skin','glow/glow.xml');
|
||||
|
||||
$v_details = extract($vdetails);
|
||||
$v_details;
|
||||
assign('v_details',$v_details);
|
||||
$jquery = BASEDIR.'/js/jquery.js';
|
||||
assign('jquery',$jquery);
|
||||
|
||||
|
||||
assign('username',$username);
|
||||
assign('title',$title);
|
||||
assign('thumb',$default_thumb);
|
||||
|
||||
assign('player_data',$in);
|
||||
assign('player_logo',website_logo());
|
||||
assign('normal_vid_file',$vid_file);
|
||||
assign('hq_vid_file',$hd_file);
|
||||
assign('vdata',$vdetails);
|
||||
Template(HTML5_PLAYER_DIR.'/html5_player.html',false);
|
||||
|
||||
return true;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
|
||||
|
||||
function html5player_embed_src($vdetails)
|
||||
{
|
||||
$config = urlencode(BASEURL."/player/".HTML5_PLAYER."/embed_player.php?vid="
|
||||
.$vdetails['videoid']."&autoplay=".config('autoplay_embed'));
|
||||
|
||||
$embed_src = BASEURL.'/player/'.HTML5_PLAYER.'/player.swf?config='.$config;
|
||||
|
||||
|
||||
if(function_exists('get_refer_url_from_embed_code'))
|
||||
{
|
||||
$ref_details = get_refer_url_from_embed_code(unhtmlentities(stripslashes($vdetails['embed_code'])));
|
||||
$ytcode = $ref_details['ytcode'];
|
||||
}
|
||||
|
||||
if(!$vdetails['embed_code'] || $vdetails['embed_code'] =='none'|| $ytcode)
|
||||
{
|
||||
$code = '<embed src="'.$embed_src.'" type="application/x-shockwave-flash"';
|
||||
$code .= 'allowscriptaccess="always" allowfullscreen="true" ';
|
||||
$code .= 'width="'.config("embed_player_width").'" height="'.config("embed_player_height").'"></embed>';
|
||||
return $code;
|
||||
}else
|
||||
return false;
|
||||
}
|
||||
|
||||
|
||||
*/
|
||||
|
||||
|
||||
|
||||
register_actions_play_video('html5_player');
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
?>
|
||||
|
|
@ -1 +0,0 @@
|
|||
<script type="text/javascript" src="{$html5_player_url}/html5_player.js"></script>
|
||||
4
upload/player/html5_player/jquery.js
vendored
4
upload/player/html5_player/jquery.js
vendored
File diff suppressed because one or more lines are too long
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.9 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 32 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.1 KiB |
|
|
@ -1,359 +0,0 @@
|
|||
/* video container */
|
||||
|
||||
|
||||
|
||||
.myVideo{
|
||||
background:#000;
|
||||
width: 750px ;
|
||||
height: 350px ;
|
||||
position: relative;
|
||||
z-index: -1;
|
||||
|
||||
}
|
||||
|
||||
.largevid{
|
||||
|
||||
width: 100% !important;
|
||||
height: 100%!important;
|
||||
|
||||
}
|
||||
|
||||
.videoContainer:-webkit-full-screen {
|
||||
width: 100% !important ;
|
||||
height: 100% !important ;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.videoContainer{
|
||||
width:747px;
|
||||
margin-left: 1px;
|
||||
height:350px;
|
||||
position:relative;
|
||||
overflow:hidden;
|
||||
background:#000;
|
||||
color:#ccc;
|
||||
display: block;
|
||||
z-index: 1;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.title{
|
||||
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
font-family: Tahoma;
|
||||
}
|
||||
|
||||
.user{
|
||||
margin-top: -10px;
|
||||
font-size: 11.5px;
|
||||
font-family: Tahoma;
|
||||
}
|
||||
|
||||
|
||||
/* video caption css */
|
||||
.caption{
|
||||
display:none;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
padding:10px;
|
||||
font-size:15px;
|
||||
height: 80%;
|
||||
z-index: 2;
|
||||
background:url(skin/caption.png) repeat-x;
|
||||
|
||||
}
|
||||
|
||||
/*** VIDEO CONTROLS CSS ***/
|
||||
/* control holder */
|
||||
.control{
|
||||
background:#000;
|
||||
color:#000;
|
||||
position:absolute;
|
||||
bottom:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
z-index:5;
|
||||
display: block;
|
||||
|
||||
}
|
||||
/* control top part */
|
||||
|
||||
/* control bottom part */
|
||||
.btmControl{
|
||||
clear:both;
|
||||
background: #000; /* fallback */
|
||||
background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
|
||||
background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
|
||||
background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
|
||||
}
|
||||
.control div.hbtn {
|
||||
float:left;
|
||||
width:34px;
|
||||
height:30px;
|
||||
padding:0 5px;
|
||||
border-right:0px solid #404040;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.control div.hbtn.sound_btn{
|
||||
|
||||
float:left;
|
||||
}
|
||||
|
||||
.control div.text{
|
||||
font-size:12px;
|
||||
font-weight:bold;
|
||||
line-height:30px;
|
||||
text-align:center;
|
||||
font-family:verdana;
|
||||
width:20px;
|
||||
border:none;
|
||||
color:#777;
|
||||
}
|
||||
.control div.btnPlay{
|
||||
background:url(skin/control.png) no-repeat 0 0;
|
||||
border-left:1px solid #404040;
|
||||
margin-bottom: 5px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
.control div.paused{
|
||||
background:url(skin/control.png) no-repeat 0 -29px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
.control div.btnStop{
|
||||
background:url(skin/control.png) no-repeat 0 -57px;
|
||||
}
|
||||
.control div.spdText{
|
||||
border:none;
|
||||
font-size:14px;
|
||||
line-height:30px;
|
||||
font-style:italic;
|
||||
}
|
||||
.control div.selected{
|
||||
font-size:15px;
|
||||
color:#ccc;
|
||||
}
|
||||
.control div.sound{
|
||||
background:url(skin/control.png) no-repeat -88px -28px;
|
||||
border:none;
|
||||
float:left;
|
||||
margin-top: 3px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.control div.sound2{
|
||||
background:url(skin/control.png) no-repeat -87px -59px !important;
|
||||
}
|
||||
.control div.muted{
|
||||
background:url(skin/control.png) no-repeat -88px -2px !important;
|
||||
}
|
||||
.control div.btnFS{
|
||||
background:url(skin/control.png) no-repeat -50px -2px;
|
||||
float:right;
|
||||
margin-right: 5px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.control div.smallscr{
|
||||
background:url(skin/control.png) no-repeat -50px -30px !important;
|
||||
|
||||
float:right;
|
||||
margin-right: 7px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
.control div.largescr{
|
||||
background:url(skin/control.png) no-repeat -50px -30px !important;
|
||||
margin-right: 0px;
|
||||
}
|
||||
|
||||
/*
|
||||
.control div.logo{
|
||||
background:url(http://clip-bucket.com/img/logo.png) no-repeat ;
|
||||
float:right;
|
||||
margin-right: -0.5px;
|
||||
margin-top: 3.5px;
|
||||
}
|
||||
|
||||
*/
|
||||
.control div.small{
|
||||
background:url(skin/small.png) no-repeat -2px 3px;
|
||||
float:right;
|
||||
margin-right: 10px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.control div.hdon{
|
||||
background:url(skin/hdon.png) no-repeat -5px -6px ;
|
||||
float:right;
|
||||
margin-right: 5px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.control div.hdoff{
|
||||
background:url(skin/hdoff.png) no-repeat -5px -6px !important;
|
||||
float: right;
|
||||
margin-right: 5px;
|
||||
|
||||
}
|
||||
|
||||
.buffer{
|
||||
|
||||
background:url(skin/buffer.png) no-repeat 12px -2px ;
|
||||
float:right;
|
||||
margin-right: -8px;
|
||||
display:block;
|
||||
position: relative;
|
||||
z-index: 50;
|
||||
margin-top: -2.3px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
/*
|
||||
.test{
|
||||
width: 100%;
|
||||
height: 20px;
|
||||
background: #fff;
|
||||
}
|
||||
/* PROGRESS BAR CSS */
|
||||
/* Progress bar */
|
||||
.progress {
|
||||
width:100%;
|
||||
height:7.5px;
|
||||
margin-bottom: 2px;
|
||||
float: left;
|
||||
background: #444; /* fallback */
|
||||
z-index: 50;
|
||||
|
||||
}
|
||||
.progress span {
|
||||
height:7.5px;
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0;
|
||||
display:block;
|
||||
margin-left: 0px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
.timeBar{
|
||||
|
||||
|
||||
z-index:10;
|
||||
width:0;
|
||||
background: #7f090a;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
.bufferBar{
|
||||
|
||||
z-index:5;
|
||||
width:0;
|
||||
background: #5d5c5c;
|
||||
|
||||
box-shadow:2px 0 5px #333;
|
||||
-moz-box-shadow:2px 0 5px #333;
|
||||
-webkit-box-shadow:2px 0 5px #333;
|
||||
|
||||
|
||||
}
|
||||
/* time and duration */
|
||||
.time{
|
||||
color: #fff;
|
||||
margin-top: 11px;
|
||||
width:12%;
|
||||
float:left;
|
||||
text-align:center;
|
||||
font-size:11px;
|
||||
line-height:12px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
/* VOLUME BAR CSS */
|
||||
/* volume bar */
|
||||
.volume{
|
||||
background-color: #5d5c5c;
|
||||
position:relative;
|
||||
cursor:pointer;
|
||||
width:70px;
|
||||
height:4px;
|
||||
float:left;
|
||||
margin-top:15px;
|
||||
margin-right:20px;
|
||||
margin-left: 3px;
|
||||
}
|
||||
.volumeBar{
|
||||
display:block;
|
||||
height:110%;
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
background-color: #fff;
|
||||
z-index:11;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* OTHERS CSS */
|
||||
/* video screen cover */
|
||||
.loading, .init{
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
width:100%;
|
||||
height:100%;
|
||||
background:url(skin/loading.gif) no-repeat 50% 50%;
|
||||
z-index:2;
|
||||
display:none;
|
||||
}
|
||||
.init{
|
||||
background:url(skin/bigplay.png) no-repeat 50% 50% !important;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.qualityopt{
|
||||
background-color: black;
|
||||
width: 90px;
|
||||
position: absolute;
|
||||
margin-top: 244px;
|
||||
margin-left: 500px;
|
||||
border:2px solid black;
|
||||
border-radius:2px;
|
||||
display :none;
|
||||
|
||||
}
|
||||
|
||||
.list{
|
||||
|
||||
color: #e7e7e7;
|
||||
|
||||
}
|
||||
|
||||
.list1{
|
||||
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Reference in a new issue