Видео с кнопкой button

@paris123 · Регистрация: 12.12.2021

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

Добрый день.
Я увлекся безумной темой создание счетчика просмотров видео, на своем сайте.
Оказывается есть только один вариант, через Google — YouTube.
Но этот способ меня не устраивает, так как очень сложный для начинающего.

Я нашел в сети код:

HTML5
1
2
3
4
5
6
7
<video id="myVideo" width="320" height="240">
  <source src="/media/movie.mp4" type="video/mp4">
</video>
 
<br/><br/>
<button onclick="play();">Play</button>
<button onclick="pause();">Pause</button>

JavaScript
1
2
3
4
5
6
<script>
  let video = document.getElementById("myVideo");
 
  let play = () => video.play();
  let pause = () => video.pause(); 
</script>

Под видео появляются две кнопки play и pause, все работает.

У меня вопрос к знатокам, неужели нельзя отследить нажатие этой кнопки?!!!
<button onclick="play();">Play</button>

Допустим через php, что то вроде этого if(isset( // если была нажата кнопка button),
или через форму html,
или в крайнем случае через аякс ?

Если это невозможно, значит закрываем тему.

@LinFart · 20.02.2025, 10:11

PHP/HTML
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
<video id="myVideo" width="320" height="240">
  <source src="/media/movie.mp4" type="video/mp4">
</video>
 
<br/><br/>
<button onclick="play();">Play</button>
<button onclick="pause();">Pause</button>
 
<script>
  let video = document.getElementById("myVideo");
 
  // Функция для воспроизведения видео
  let play = () => {
    video.play();
    sendViewCount(); // Отправляем данные на сервер
  };
 
  // Функция для паузы
  let pause = () => video.pause();
 
  // Функция для отправки данных на сервер
  function sendViewCount() {
    // Используем AJAX для отправки запроса на сервер
    let xhr = new XMLHttpRequest();
    xhr.open("POST", "count_view.php", true); // Указываем PHP-файл для обработки
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("action=play"); // Отправляем данные на сервер
  }
</script>

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
// Файл для обработки запроса и увеличения счетчика просмотров
 
if (isset($_POST['action']) && $_POST['action'] === 'play') {
    // Путь к файлу, где хранится счетчик просмотров
    $counterFile = 'view_count.txt';
 
    // Чтение текущего значения счетчика
    $count = file_exists($counterFile) ? (int)file_get_contents($counterFile) : 0;
 
    // Увеличение счетчика
    $count++;
 
    // Сохранение нового значения счетчика
    file_put_contents($counterFile, $count);
 
    // Ответ клиенту (опционально)
    echo "Просмотр засчитан!";
}
?>

@paris123 · 20.02.2025, 12:48 **[ТС]**

LinFart,
Библиотеку jQuery подключать нужно?
А то у меня php код не отрабатывает на локальном комьютере.

@LinFart · 20.02.2025, 15:38

Для работы PHP-кода не требуется библиотека jQuery. PHP — это серверный язык, и он выполняется на стороне сервера, тогда как jQuery — это клиентская библиотека JavaScript, которая работает в браузере. PHP-код должен работать независимо от наличия jQuery. PHP-код выполняется на сервере. Если вы запускаете его просто как файл в браузере (например, file:///path/to/file.php), он не будет работать.

Вам нужно настроить локальный сервер, например, с помощью XAMPP, WAMP или встроенного сервера PHP.

Комментарий модератора

Использование ИИ для ответов на форуме запрещено.

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .

@paris123 1 / 1 / 0 Регистрация: 12.12.2021 Сообщений: 65
	20.02.2025, 12:48 [ТС]
	LinFart, Библиотеку jQuery подключать нужно? А то у меня php код не отрабатывает на локальном комьютере. 0

Видео с кнопкой button

Решение