Fixed VideoRoom local buttons not being clickable on Chrome in demos

meetecho · Apr 10, 2024 · bbbdbc1 · bbbdbc1
1 parent 3639a0e
commit bbbdbc1
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/html/demos/mvideoroom.js b/html/demos/mvideoroom.js
@@ -276,7 +276,7 @@ $(document).ready(function() {
 											toastr.warning("Our video stream has been rejected, viewers won't see us");
 											// Hide the webcam video
 											$('#myvideo').addClass('hide');
-											$('#videolocal').append(
+											$('#videolocal').prepend(
 												'<div class="no-video-container">' +
 													'<i class="fa-solid fa-video fa-xl no-video-icon" style="height: 100%;"></i>' +
 													'<span class="no-video-text" style="font-size: 16px;">Video rejected, no webcam</span>' +
@@ -308,7 +308,7 @@ $(document).ready(function() {
 											if(localVideos === 0) {
 												// No video, at least for now: show a placeholder
 												if($('#videolocal .no-video-container').length === 0) {
-													$('#videolocal').append(
+													$('#videolocal').prepend(
 														'<div class="no-video-container">' +
 															'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
 															'<span class="no-video-text">No webcam available</span>' +
@@ -339,7 +339,7 @@ $(document).ready(function() {
 										if(localVideos === 0) {
 											// No video, at least for now: show a placeholder
 											if($('#videolocal .no-video-container').length === 0) {
-												$('#videolocal').append(
+												$('#videolocal').prepend(
 													'<div class="no-video-container">' +
 														'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
 														'<span class="no-video-text">No webcam available</span>' +
@@ -355,7 +355,7 @@ $(document).ready(function() {
 										Janus.log("Created local stream:", stream);
 										Janus.log(stream.getTracks());
 										Janus.log(stream.getVideoTracks());
-										$('#videolocal').append('<video class="rounded centered" id="myvideo' + trackId + '" width=100% autoplay playsinline muted="muted"/>');
+										$('#videolocal').prepend('<video class="rounded centered" id="myvideo' + trackId + '" width=100% autoplay playsinline muted="muted"/>');
 										Janus.attachMediaStream($('#myvideo' + trackId).get(0), stream);
 									}
 									if(sfutest.webrtcStuff.pc.iceConnectionState !== "completed" &&

diff --git a/html/demos/videoroom.js b/html/demos/videoroom.js
@@ -274,7 +274,7 @@ $(document).ready(function() {
 											toastr.warning("Our video stream has been rejected, viewers won't see us");
 											// Hide the webcam video
 											$('#myvideo').addClass('hide');
-											$('#videolocal').append(
+											$('#videolocal').prepend(
 												'<div class="no-video-container">' +
 													'<i class="fa-solid fa-video fa-xl no-video-icon" style="height: 100%;"></i>' +
 													'<span class="no-video-text" style="font-size: 16px;">Video rejected, no webcam</span>' +
@@ -305,7 +305,7 @@ $(document).ready(function() {
 											if(localVideos === 0) {
 												// No video, at least for now: show a placeholder
 												if($('#videolocal .no-video-container').length === 0) {
-													$('#videolocal').append(
+													$('#videolocal').prepend(
 														'<div class="no-video-container">' +
 															'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
 															'<span class="no-video-text">No webcam available</span>' +
@@ -336,7 +336,7 @@ $(document).ready(function() {
 										if(localVideos === 0) {
 											// No video, at least for now: show a placeholder
 											if($('#videolocal .no-video-container').length === 0) {
-												$('#videolocal').append(
+												$('#videolocal').prepend(
 													'<div class="no-video-container">' +
 														'<i class="fa-solid fa-video fa-xl no-video-icon"></i>' +
 														'<span class="no-video-text">No webcam available</span>' +
@@ -352,7 +352,7 @@ $(document).ready(function() {
 										Janus.log("Created local stream:", stream);
 										Janus.log(stream.getTracks());
 										Janus.log(stream.getVideoTracks());
-										$('#videolocal').append('<video class="rounded centered" id="myvideo' + trackId + '" width=100% autoplay playsinline muted="muted"/>');
+										$('#videolocal').prepend('<video class="rounded centered" id="myvideo' + trackId + '" width=100% autoplay playsinline muted="muted"/>');
 										Janus.attachMediaStream($('#myvideo' + trackId).get(0), stream);
 									}
 									if(sfutest.webrtcStuff.pc.iceConnectionState !== "completed" &&