When you log in from the “PC” of Yandex browsers, Opera on a page with a videophone, a button embedded in the browser itself pops up above it that the video can be viewed in a separate tab.
How can I cut this button so that it does not spoil the overall picture of the videophone. I tried everything but without success (((((
I tested the videophone on the local server "Open Server Ultimate 5.2.2" I marked these buttons in browsers with a red marker on the screenshots below.
$(document).ready(function() { var controls = { video: $('.myvideo'), playpause: $('.knopka') }; var video = controls.video[0]; controls.playpause.click(function() { if (video.paused) { video.play(); $(this).prepend('<img src="https://svgshare.com/i/BXw.svg" />'); } else { video.pause(); $(this).prepend('<img src="https://svgshare.com/i/BXF.svg" />'); } }); }); .video-fon { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .video-fon>video { position: absolute; top: 0; left: 0; width: auto; height: auto; } .knopka { width: 5%; height: 5%; cursor: pointer; position: absolute; padding: 0.5%; transform: translate(-50%, -50%); top: 10%; left: 92%; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="video-fon"> <video class="myvideo" muted loop autoplay> <source src="https://rocld.com/g95ru" /> </video> </div> <div class="knopka"> <img src="https://svgshare.com/i/BXw.svg" alt="" /> </div> 
