Как удалить контекстное меню видеофона в "Opera" и "Yandex"

@Kerduk · Регистрация: 24.04.2018

Студворк — интернет-сервис помощи студентам

Здравствуйте форумчани.
Когда заходишь с "ПК" браузеров Yandex, Opera на страничку с видеофоном, то над ним всплывает кнопка встроенная в сам браузер о том, что видео можно посмотреть в отдельной вкладке.

Каким образом можно вырезать эту кнопку, чтобы она не портила общую картину видеофона.
Все перепробовал но безуспешно((((

Видеофон я тестил на локальном сервере "Open Server Ultimate 5.2.2"
Эти кнопки в браузерах их я отметил красным маркером на скриншотах внизу.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
$(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" />');   
}
                
});
});

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
 
  <html>
 
    <head>
<meta charset="UTF-8">
    </head>
 
    
   <body>
 
 
<div class="video-fon">
 
<video class="myvideo" muted loop autoplay>
<source src="https://rocld.com/g95ru"></source>
</video>
 
</div>
  
 
 
<div class="knopka">
<img  src="https://svgshare.com/i/BXw.svg" alt=""/> 
</div>
  
  
   </body>
 
 </html>

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
.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%; 
 
}

@Kerduk · 28.03.2019, 14:02 **[ТС]**

Что сказать)?
Как из-за кэша в браузере я откинул способ, который работает)?

@Mr_Sergo · 28.03.2019, 14:06

Сообщение от Kerduk

Что сказать)?

Имеется ввиду что я рад за вас что у вас все работает

Добавлено через 2 минуты

Сообщение от Mr_Sergo

ну как скажете

То есть как вам угодно

@Kerduk · 28.03.2019, 14:56 **[ТС]**

Mr_Sergo:
Ааа благодарю вас милорд)
Просто десятый час сижу за пк, уже крыша поехала)))

@Mr_Sergo · 28.03.2019, 15:03

Kerduk,

И все равно у меня в опере работает а в яндекс-браузере не работает

CSS
1
2
3
    html > div {
      display: none;
    }

Добавлено через 1 минуту
С ОЧИЩЕНИЕМ КЕША !!!

@Mr_Sergo · 28.03.2019, 15:12

Kerduk,

На будущее... что бы отключить кеш для localhost-а или любой другой открытой странички в браузере можно сделать как на скрине Network -> поставить галку Disable cache

Как удалить контекстное меню видеофона в "Opera" и "Yandex"

@MirDj · 28.03.2019, 15:29

Mr_Sergo, извиняюсь что вмешиваюсь, но почитал вашу беседу и ради интереса перешел по ссылке. У меня Яндекс браузер. И вот что я там увидел:

@Mr_Sergo · 28.03.2019, 15:52

Сообщение от MirDj

извиняюсь что вмешиваюсь

За что?

на то он и форум

Сообщение от MirDj

И вот что я там увидел:

Если вы говорите про эту ссылку https://codepen.io/Mr_Sergo/full/rRrVjO тогда замените margin: -20px 0px 0px 0px; на margin: -30px 0px 0px 0px;

Добавлено через 2 минуты
MirDj, Я же приводил ссылку с минус 30px выше https://www.cyberforum.ru/post13443527.html по ссылке, на яндекс, из поста перейдите и посмотрите https://yadi.sk/i/-IPooZn1iuS6mA

Добавлено через 8 минут
MirDj, вот эту ссылку на песочницу привел тс:

Сообщение от Kerduk

А что касается этой ссылки то она вполне рабочая вот пример: https://jsfiddle.net/octxy4ae/

MirDj, вы перейдите по ней с яндекс-браузера и попробуйте поставить минус 30px как это сделал я в этом видео -> https://yadi.sk/i/-IPooZn1iuS6mA и вы увидите что значок пропадает

@MirDj · 28.03.2019, 15:58

Mr_Sergo, не дает видимо править чужой код, правил через отладчик. Да, так уже кнопка прячется. Но это конечно не панацея. В данном, конкретном случае - да. А если делать портал где в ленте пролистываешь много видео и не разворачиваешь их на экран? Ну допустим 650*365px iframe. Как пример скриншот с моего сайта. Тут уже если так урезать, то явно это скажется на просмотре ролика ))

@Mr_Sergo · 28.03.2019, 16:06

Сообщение от MirDj

не панацея

Согласен. Я и не говорю что это правильно, но в данном, конкретном, случае этот костыль вполне рабочий.

Добавлено через 2 минуты

Не по теме:

Вообще нужно по рукам треснуть разрабам которые вывели этот значок на экран для чего-то...
Вот у гугл хрома мне нравится подход в данном вопросе -> спрятали этот значок в "подменю" --- молодцы.

@Mr_Sergo · 28.03.2019, 16:10

Новые блоги и статьи Все статьи Все блоги /
Генератор паролей (вариант №3) Maks 30.10.2026 Финальная версия генератора паролей 1С. Доработка решения в этот раз коснулась только визуальной части, а именно, добавлен реквизит ДопПараметры (тип Булево), который скрывает/ отображает реквизиты:. . .	Магическое мышление и магия, современная наука не отличима от магии (говорит ИИ Джемени) zorxor 30.10.2026 Джемени, расскажи, пожалуйста, что такое магическое мышление, что такое магия, почему современная наука чем-то напоминает магию? Фраза «Любая достаточно развитая технология неотличима от магии». . .	За какое время ИИ может подобрать пароль по хешу (рассказывает Джемени ИИ) zorxor 30.10.2026 Расскажи, Джемени, если известен хэш МД5, например, за сколько ИИ сможет подобрать соответствующий пароль? Искусственный интеллект (ИИ) может подобрать простой или средний по сложности пароль по. . .	Кто убил Suno? Почему наше солнышко погасло? (диалог с ИИ Джемени) zorxor 30.10.2026 Как убивали Suno. Хронология. «Убийство» музыкальной нейросети Suno — это затяжной процесс, в котором технологический хайп стартапа разбился о жесткую реальность судебных исков от гигантов. . .
Генератор паролей (вариант №2) Maks 30.10.2026 Обновленная версия ранее созданной обработки. Добавлены следующие реквизиты типа Булево: - Буквы; - Цифры; - Символы. Изменена логика команды "Сгенерировать" и процедуры "ПриОткрытии":. . .	Генератор паролей (вариант №1) Maks 29.10.2026 Реализация из решения ниже выполнена исключительно по моей инициативе, дабы облегчить себе работу в создании паролей для администрируемых мною сервисов и пользователей. Самым главным критерием для. . .	Установка ChatGPT (Codex) на Windows без использования Microsoft Store Fabien159 28.10.2026 Здравствуйте всем читающим! Опишу процесс установки ChatGPT (Codex) на Windows, если по каким-то причинам у вас не получается устанавить его через Microsoft Store. И так: 1. Скачиваем с. . .	Программное добавление префикса в нумерацию документов Maks 27.10.2026 Реализация из решения ниже выполнена в самописной конфигурации на БСП (помощь начинающему коллеге). Задача: Программно добавить префикс в нумерацию документов. Решение: В модуле объекта. . .

@Kerduk 23 / 7 / 0 Регистрация: 24.04.2018 Сообщений: 411
	28.03.2019, 14:02 [ТС]
	Что сказать)? Как из-за кэша в браузере я откинул способ, который работает)? 0

@Kerduk 23 / 7 / 0 Регистрация: 24.04.2018 Сообщений: 411
	28.03.2019, 14:56 [ТС]
	Mr_Sergo: Ааа благодарю вас милорд) Просто десятый час сижу за пк, уже крыша поехала))) 0

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	28.03.2019, 15:12
	Kerduk, На будущее... что бы отключить кеш для localhost-а или любой другой открытой странички в браузере можно сделать как на скрине Network -> поставить галку Disable cache 0

@MirDj 3 / 3 / 2 Регистрация: 16.01.2013 Сообщений: 471
	28.03.2019, 15:29
	Mr_Sergo, извиняюсь что вмешиваюсь, но почитал вашу беседу и ради интереса перешел по ссылке. У меня Яндекс браузер. И вот что я там увидел: 0

@MirDj 3 / 3 / 2 Регистрация: 16.01.2013 Сообщений: 471
	28.03.2019, 15:58
	Mr_Sergo, не дает видимо править чужой код, правил через отладчик. Да, так уже кнопка прячется. Но это конечно не панацея. В данном, конкретном случае - да. А если делать портал где в ленте пролистываешь много видео и не разворачиваешь их на экран? Ну допустим 650*365px iframe. Как пример скриншот с моего сайта. Тут уже если так урезать, то явно это скажется на просмотре ролика )) 1

@Mr_Sergo 2037 / 1096 / 409 Регистрация: 29.04.2016 Сообщений: 2,625
	28.03.2019, 16:10
	0