$(document).ready(function() { // initialize Page $('#sound-toggle, #video-toggle').addClass('active'); $('#fs-toggle').click(function() {$(document).toggleFullScreen(); $(this).toggleClass('active');}); // initialize BigVideo var BV = new $.BigVideo({useFlashForFirefox:false}); BV.init(); BV.show('uploads/vids/clip.mp4', {altSource:'uploads/vids/clip.ogv', ambient:true}); // Video Play/Pause toggle $('#video-toggle').on('click', function(e) { if ($(this).hasClass('active')){ BV.getPlayer().pause(); $(this).toggleClass('active'); } else { BV.getPlayer().play(); $(this).toggleClass('active'); } }) // Sounds var $volume = $( '#sound-toggle' ); if ( !buzz.isSupported() ) { $volume.hide(); } var intro = new buzz.sound( "uploads/sounds/intro", { formats: [ "mp3", "ogg", "aac" ] }); intro.play() .fadeIn() .loop() .bind( "timeupdate", function() { var timer = buzz.toTimer( this.getTime() ); document.getElementById( "timer" ).innerHTML = timer; }); // Sound Play/Pause toggle $('#sound-toggle').on('click', function(e) { if($(this).hasClass('active')){ intro.mute(); $(this).toggleClass('active'); } else { intro.unmute(); $(this).toggleClass('active'); } }) $('.visd, audio').on('click', function(e) { if($('#sound-toggle').hasClass('active')){ intro.mute(); $('#sound-toggle').toggleClass('active'); } }) /* $('#frame').load(function(){ $(this).contents().find(".visd").on('click', function() { BV.getPlayer().pause(); intro.mute(); $('#sound-toggle, #video-toggle').removeClass('active'); }); }); */ });