Fix #1787

app/Resources/public/css/editor.css

@@ -172,6 +172,9 @@ blockquote p {
   border: 1px solid transparent;
   border-radius: 4px;
 }
+.alert-dismissible {
+    padding-right: 35px;
+}
 .alert h4 {
   margin-top: 0;
   color: inherit;

main/inc/lib/javascript/chat/video.php

@@ -38,11 +38,14 @@ $htmlHeadXtra[] = '<script type="text/javascript" src="'
     . api_get_path(WEB_PATH) . 'web/assets/simpleWebRTC/latest-v2.js'
     . '"></script>' . "\n";
 
+$navigator = api_get_navigator();
+
 $template = new Template();
 $template->assign('room_name', $chatVideo->getRoomName());
 $template->assign('chat_user', $chatUser);
 $template->assign('user_local', $userLocal);
 $template->assign('block_friends', $friend_html);
+$template->assign('navigator_is_firefox', $navigator['name'] == 'Mozilla');
 
 $tpl = $template->get_template('chat/video.tpl');
 $content = $template->fetch($tpl);

main/template/default/chat/video.tpl

@@ -4,9 +4,11 @@
             <span aria-hidden="true">&times;</span>
         </button>
         <h4>{{ 'Warning'|get_lang }}</h4>
-        <p>
-            <em class="fa fa-warning"></em> {{ 'AvoidChangingPageAsThisWillCutYourCurrentVideoChatSession'|get_lang }}
-        </p>
+        <div id="dlg-webrtc-help">
+            <p>{{ 'WebRTCDialogHelp'|get_lang }}</p>
+            <img src="{{ _p.web_lib ~ 'javascript/chat/img/webrtc_' ~ (navigator_is_firefox ? 'firefox' : 'chrome') }}.png"
+                 alt="{{ 'Permissions'|get_lang }}" class="img-thumbnail img-responsive">
+        </div>
     </div>
     <div class="row">
         <div class="col-md-8 col-sm-7">
@@ -65,6 +67,10 @@
                     });
 
                     webRTC.on('readyToCall', function () {
+                        $('#dlg-webrtc-help').replaceWith("<p>" +
+                            "<em class=\"fa fa-warning\"></em> {{ 'AvoidChangingPageAsThisWillCutYourCurrentVideoChatSession'|get_lang }}" +
+                            "</p>");
+
                         webRTC.joinRoom('{{ room_name }}');
                     });
                     webRTC.on('videoAdded', function (video, peer) {