66 lines
2.7 KiB
HTML
66 lines
2.7 KiB
HTML
<#include "/header.inc.html">
|
|
<script type="text/javascript">
|
|
var video_data = ${json};
|
|
|
|
$(function(){
|
|
if (typeof(video_data.file) !== 'undefined') {
|
|
$('#player').attr('src', video_data.file);
|
|
} else if (typeof(video_data.playlist) !== 'undefined') {
|
|
$('#pl-season').removeClass('hide');
|
|
menu = $('#pl-season-menu');
|
|
|
|
menu.html('');
|
|
video_data.playlist.forEach(function(item, i){
|
|
menu.append('<li><a data-tag="' + i + '" href="#" onclick="return false;">' + item.comment + '</a></li>');
|
|
});
|
|
|
|
ddBtn = $('#dropdownSeason');
|
|
smenu = $('#pl-serial-menu');
|
|
menu.find('a').bind('click', function(){
|
|
ddBtn.html(this.text + ' <span class="caret"></span>');
|
|
|
|
$('#dropdownSerial').html('Serials <span class="caret"></span>');
|
|
|
|
smenu.html('');
|
|
video_data.playlist[this.attributes['data-tag'].value].playlist.forEach(function(item){
|
|
smenu.append('<li><a data-file="' + item.file + '" href="#" onclick="return false;">' + item.comment + '</a></li>');
|
|
});
|
|
|
|
smenu.find('a').bind('click', function(){
|
|
$('#dropdownSerial').html(this.text + ' <span class="caret"></span>');
|
|
$('#player').attr('src', this.attributes['data-file'].value);
|
|
});
|
|
|
|
$('#pl-serial').removeClass('hide');
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<hr>
|
|
|
|
<div id="pl-season" class="dropdown hide" style="display: inline-block;">
|
|
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownSeason" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
|
Seasons
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul id="pl-season-menu" class="dropdown-menu" aria-labelledby="dropdownSeason">
|
|
<li><a href="#">Season</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div id="pl-serial" class="dropdown hide" style="display: inline-block;">
|
|
<button class="btn btn-default dropdown-toggle" type="button" id="dropdownSerial" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
|
|
Serials
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul id="pl-serial-menu" class="dropdown-menu" aria-labelledby="dropdownSerial">
|
|
<li><a href="#">Serial</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<br><br>
|
|
|
|
<video id="player" class="center-block" controls="controls"></video>
|
|
<br>
|
|
<#include "/fother.inc.html"> |