🧙Конкурс сказок!
Создание сайтов и программирование
(OFF) Spy_Poltergeist 18 мар 2019

Кнопка контекстного меню видеофона(Jquery)

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

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

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


<!DOCTYPE html>

<html>

<head>
<meta charset="UTF-8">
</head>


<body>

<div class="background-video">
<video class="video-block" muted loop autoplay>
<source src="https://rocld.com/g95ru"></source>
</video>
</div>

<div class="button">
<img src="https://svgshare.com/i/BXw.svg" alt=""/>
</div>

</body>

</html>
-----------------------------------------------

.background-video {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;

}

.background-video > video {
position: absolute;
top: 0;
left: 0;
width: auto;
height: auto;

}

.button{
width: 5%;
height: 5%;
cursor: pointer;
position: absolute;
padding: 0.5%;
transform: translate(-50%, -50%);
top: 10%;
left: 92%;

}
-----------------------------------------------

$(document).ready(function(){
var controls = {
video: $('.video-block'),
playpause: $('.button')
};

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" />');
}

});
});

Комментарии (8)

кись в настройках опера Всплывающее окно с видео атключить и прападет...
-4
а вапще нада использавать библы для бекграунд видео чтоп такова не была... у тибя проста встроеный в браузер плеер начинает работать и не бекграунд как таковой...
-4
Что за библы)?
-2
jquery.mb.YTPlayer.js самая папулярная... харошая апы и мануалы есь на гитхабе опщим и сама пользую
-2
Jquery.mb.YTPlayer.js не хочется.
Там уже все готово.
Мне бы самой хотелось понять в чем проблема)
-3
кись праблема в том чт еси ты ставиш видео - то ано будет играть черес флеш браузераф... ты не имееш доступа к настройкам этава вовсе...паэтаму тибе нада апи для взаимадействия с флеш чтобы атабражать или не атабражать кнопы начинатьавто видео или с задержкай...вопщим нада апи...
-3
ты и сама эта канеч можеш без библаф... проста мона на примере библы панять как эта вапще фсе работает и уже самой чиво хотиш тварить...ну я па крайней мере так действую
-3
патаму чт фсе эти библы кись - эта проста какое та ядро коре вопщем... и в принципе эта каркас а уш ты сама там твариш чиво хотиш.... патаму чт никто не будет к примеру переписывать библу жкьери тока патаму чт там фсе гатово...хи
тож самае и па другим библам... так чт зря ты так!
-3
Показать комментарий
Скрыть комментарий
Для добавления комментариев необходимо авторизоваться
Создание сайтов и программирование
Легенды Крови
Удивительный мир фантазий, сражений и тайн... Битв
Тема: Светлая | Тёмная
Версия: Mobile | Lite | Touch | Доступно в Google Play