SAAS-811: Insert extra radio page buttons onto player bar

This commit is contained in:
drigato 2015-05-27 10:08:51 -04:00
parent a8bf8e5ec9
commit 793e959cae
1 changed files with 23 additions and 12 deletions

View File

@ -81,23 +81,34 @@
</div>
</div>
-->
<iframe frameborder="0" width="100%" style="bottom:0px; left:0px; position:fixed; right:0px;" src="http://localhost/embed/player?stream=s2&title=Staging1"></iframe>
<iframe id="player_iframe" frameborder="0" width="100%" style="bottom:0px; left:0px; position:fixed; right:0px;" src="http://localhost/embed/player?stream=s2&title=Staging1"></iframe>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.bottom_bar .button').click(function(){
var tab_id = $(this).attr('data-tab');
setTimeout( function () {
$("#player_iframe").contents().find('.bottom_bar').append("<div class='schedule_btn button current' data-tab='tab-1'></div>");
$("#player_iframe").contents().find('.bottom_bar').append("<div class='about_us_btn button' data-tab='tab-2'></div>");
$("#player_iframe").contents().find('.bottom_bar').append("<div class='login_btn button' data-tab='tab-3'></div>");
$('.bottom_bar .button').removeClass('current');
$('.tab_content').removeClass('current');
$("#player_iframe").contents().find('.bottom_bar .button').click(function(){
var tab_id = $(this).attr('data-tab');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
})
$("#player_iframe").contents().find('.bottom_bar .button').removeClass('current');
$('.tab_content').removeClass('current');
$(this).addClass('current');
$("#"+tab_id).addClass('current');
});
$("#player_iframe").contents().find(".play").click(function(){
$(this).toggleClass("pause");
});
}, 1000);
// schedule widget tabs
$('.tabs li').click(function(){
var tab_id = $(this).attr('data-tab');
@ -106,11 +117,11 @@
$(this).addClass('active');
$("#"+tab_id).addClass('active');
})
$(".play").click(function(){
$(this).toggleClass("pause");
});
})
</script>