clipbucket/upload/player/html5_player/html5_player.html
2014-04-05 08:55:37 +00:00

115 lines
No EOL
2.8 KiB
HTML

<!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="{$thumb}" >
<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&amp;file={$normal_vid_file}"/>
</object>
</video>
<div class="caption"><span class="title">{$title}</span></br><span class="user">Uploaded by {if !$username} annnnnn {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 class="hdoff hdon hbtn" title="HD On/Off"></div>
<a href="http://clip-bucket.com/" ><div class="logo hbtn" title="CB logo" > </div></a>
</div>
</div>
<div class="loading"></div>
</div>
</body>
</html>