Создание сайтов и программирование Создание сайтов и программирование
Здравствуйте люди.
Когда заходишь с "ПК" браузеров Yandex, Opera на страничку с видеофоном, то над ним всплывает кнопка встроенная в сам браузер о том, что видео можно посмотреть в отдельной вкладке.
Каким образом можно убрать эти кнопки, чтобы они не портили общую картину видеофона.
Все перепробовала но безуспешно((((
Видеофон я тестила на локальном сервере "Open Server Ultimate 5.2.2"
На скриншотах я их отметила красным маркером.
Когда заходишь с "ПК" браузеров 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" />');
}
});
});
0 0 2
Комментарии (8)
ответила Spy_Poltergeist
jquery.mb.YTPlayer.js самая папулярная... харошая апы и мануалы есь на гитхабе опщим и сама пользую
ответила MaltaKano
Jquery.mb.YTPlayer.js не хочется.
Там уже все готово.
Мне бы самой хотелось понять в чем проблема)
Там уже все готово.
Мне бы самой хотелось понять в чем проблема)
ответила Spy_Poltergeist
кись праблема в том чт еси ты ставиш видео - то ано будет играть черес флеш браузераф... ты не имееш доступа к настройкам этава вовсе...паэтаму тибе нада апи для взаимадействия с флеш чтобы атабражать или не атабражать кнопы начинатьавто видео или с задержкай...вопщим нада апи...
ответила Spy_Poltergeist
ты и сама эта канеч можеш без библаф... проста мона на примере библы панять как эта вапще фсе работает и уже самой чиво хотиш тварить...ну я па крайней мере так действую
ответила Spy_Poltergeist
патаму чт фсе эти библы кись - эта проста какое та ядро коре вопщем... и в принципе эта каркас а уш ты сама там твариш чиво хотиш.... патаму чт никто не будет к примеру переписывать библу жкьери тока патаму чт там фсе гатово...хи
тож самае и па другим библам... так чт зря ты так!
тож самае и па другим библам... так чт зря ты так!
Для добавления комментариев необходимо авторизоваться
Легенды Крови
Удивительный мир фантазий, сражений и тайн... Битв