Как удалить контекстное меню видеофона в "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

Новые блоги и статьи Все статьи Все блоги /
Про "Windows must die!" kumehtar 04.11.2026 Знаете, чет накатило. . . . Когда-то это было почти боевым кличем: мол, нормальный человек сидит на DOS, OS/ 2 или Linux, а вот это вот - Must Die. А теперь человек произносит «мастдай» с усмешкой - и. . .	Красочные поля с номером страницы svg+background-image russiannick 04.11.2026 Красочные поля с номером страницы не менее важны чем в эпоху бумажных книг. Посему спешу представить почтеннейшей публике этот важный инструмент который эти поля и формирует. В процессе разработки. . .	Вступаем в новую фазу генерации favicons, векторную. russiannick 02.11.2026 Теперь нет нужды скрывать что используется простой svg. Исходный код изображения помещаем в поле и жмем кнопку. Исходник преобразуется в вид корректный для помещения в favicon или в url(). Нажатие. . .	Генератор паролей (вариант №4) Maks 01.11.2026 После публикации 3-го варианта генератора паролей, разослал его своим коллегам (с целью оценки), в итоге были получены следующие рекомендации: 1. Вернуть возможность использования знаков \| 1 l I;. . .
Генератор паролей (вариант №3) Maks 30.10.2026 Финальная версия генератора паролей 1С. Доработка решения в этот раз коснулась только визуальной части, а именно, добавлен реквизит ДопПараметры (тип Булево), который скрывает/ отображает реквизиты:. . .	Магическое мышление и магия, современная наука не отличима от магии (говорит ИИ Джемени) zorxor 30.10.2026 Джемени, расскажи, пожалуйста, что такое магическое мышление, что такое магия, почему современная наука чем-то напоминает магию? Фраза «Любая достаточно развитая технология неотличима от магии». . .	За какое время ИИ может подобрать пароль по хешу (рассказывает Джемени ИИ) zorxor 30.10.2026 Расскажи, Джемени, если известен хэш МД5, например, за сколько ИИ сможет подобрать соответствующий пароль? Искусственный интеллект (ИИ) может подобрать простой или средний по сложности пароль по. . .	Кто убил Suno? Почему наше солнышко погасло? (диалог с ИИ Джемени) zorxor 30.10.2026 Как убивали Suno. Хронология. «Убийство» музыкальной нейросети Suno — это затяжной процесс, в котором технологический хайп стартапа разбился о жесткую реальность судебных исков от гигантов. . .

@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