Как сделать видео на паузу?

@Gan4Gale · Регистрация: 16.01.2016

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

Приветствую форумчане, подскажите пожалуйста, как сделать чтобы видео ставило паузу при прокрутке страницы?

@Опан · 23.05.2017, 10:27

HTML5
1
<body onscroll="[команда или функция, которая ставит на паузу]">...</body>

Как именно, зависит от того, применяется ли тег <video>...</video> или flash.

@Gan4Gale · 23.05.2017, 11:04 **[ТС]**

Опан, Применяется тег <video>...</video>

Добавлено через 36 секунд

HTML5
1
2
3
4
<video id="bgvidu106" loop preload="auto" muted poster="assets/4p.png" autoplay style="position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1000; background: url(assets/4p.png) no-repeat; background-size: cover;"> 
      <source src="assets/4p.webm" type="video/webm"> 
      <source src="assets/4p.mp4" type="video/mp4"> 
</video>

Добавлено через 12 минут
Хочу сделать как на этой странице

@Опан · 23.05.2017, 16:35

HTML5
1
<body onscroll="pause_or_play()">

JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script>
var myvideo = document.getElementById("bgvidu106");
function pause_or_play(){
   var scrolled = window.pageYOffset || document.documentElement.scrollTop;
   if(scrolled > 100){
      myvideo.pause();
   }else{
      myvideo.play();
   }
}
</script>

@Gan4Gale · 24.05.2017, 07:55 **[ТС]**

Опан, Что я делаю не так

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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html>
<head>
 
  <meta charset="UTF-8">
<style>
body {
    margin: 0;
    background: #000;
}
video {
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    background: url('assets/poster.png') no-repeat;
    background-size: cover;
    transition: 1s opacity;
}
</style>
 
 
 
</head>
 
<body onscroll="pause_or_play()">
 
<script type="text/javascript">
var myvideo = document.getElementById("bgvid");
function pause_or_play(){
   var scrolled = window.pageYOffset || document.documentElement.scrollTop;
   if(scrolled > 100){
      myvideo.pause();
   }else{
      myvideo.play();
   }
}
</script>
 
  <video autoplay  poster="assets/4p.png" id="bgvid" loop>
    <source src="assets/Rolik.webm" type="video/webm">
    <source src="assets/Rolik.mp4" type="video/mp4">
</video>
 
</body>
 
</html>

Добавлено через 27 минут
Опан, Теперь оно вообще так Видеофон

@Опан · 24.05.2017, 12:45

Попробуйте поменять местами тег <video>...</video> и JS-код

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ

Как сделать видео на паузу?

Решение

Решение

@Gan4Gale 0 / 0 / 0 Регистрация: 16.01.2016 Сообщений: 31

	Как сделать видео на паузу? 23.05.2017, 07:38. Показов 5938. Ответов 5 Метки нет (Все метки) Приветствую форумчане, подскажите пожалуйста, как сделать чтобы видео ставило паузу при прокрутке страницы? 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	24.05.2017, 12:45
	Сообщение было отмечено Gan4Gale как решение Решение Попробуйте поменять местами тег <video>...</video> и JS-код 1