diff --git a/record-and-playback/presentation/playback/presentation/css/bbb.playback.css b/record-and-playback/presentation/playback/presentation/css/bbb.playback.css index 0d4aa96b99..3b65c4622d 100755 --- a/record-and-playback/presentation/playback/presentation/css/bbb.playback.css +++ b/record-and-playback/presentation/playback/presentation/css/bbb.playback.css @@ -59,7 +59,7 @@ br{ width: 100%; } -#webcam{ +.webcam{ width: 402px; height: 300px; } diff --git a/record-and-playback/presentation/playback/presentation/playback.js b/record-and-playback/presentation/playback/presentation/playback.js index dc5fa0bb05..0908a3d12a 100644 --- a/record-and-playback/presentation/playback/presentation/playback.js +++ b/record-and-playback/presentation/playback/presentation/playback.js @@ -239,15 +239,21 @@ function checkUrl(url) load_video = function(){ console.log("Loading video") + document.getElementById("video").style.visibility = "hidden" var video = document.getElementById("webcam") video.setAttribute('src', RECORDINGS + '/video/webcams.webm'); video.setAttribute('type','video/webm'); - video.setAttribute('id','webcam'); - var time_manager = Popcorn("#video"); + video.setAttribute('class','webcam'); + video.setAttribute('id','video'); + /*var time_manager = Popcorn("#video"); var pc_webcam = Popcorn("#webcam"); time_manager.on( "timeupdate", function() { pc_webcam.currentTime( this.currentTime() ); - }); + });*/ + + video.setAttribute('data-timeline-sources', SLIDES_XML); + video.setAttribute('controls',''); + video.setAttribute('autoplay','autoplay'); } load_audio = function() { @@ -284,12 +290,14 @@ document.addEventListener( "DOMContentLoaded", function() { chat = document.getElementById("chat") chat.style.height = "560px"; chat.style.backgroundColor = "white"; + load_audio(); } - load_audio(); + //load_audio(); load_script("lib/writing.js") generateThumbnails(); }, false); +