Изменить SRC видео с помощью JS или PHP = MediaElementJS - PullRequest
Новая
       30

Изменить SRC видео с помощью JS или PHP = MediaElementJS

0 голосов
/ 16 сентября 2018

добрый день.Я пытаюсь изменить источник видео моего видеопроигрывателя MediaElement.Js , когда пользователь нажимает на div с img. Пример: 

<a href="http://dns:port/hls/125.m3u8"><div id="change_channel><img src="https://www.example.com/img_chh/fox.png"></div></a>

Я нашел ответы других пользователейчто хотел изменить источник видео html5, но только с двумя потоками.Проблема в том, что у меня +400 потоков, и строка кода ответов других пользователей больше не работает ...

Я пытался запустить этот код, но он не работал:

<a href="http://dns:port/live/123.m3u8" onclick="
  playerObject.pause();
  playerObject.setSrc(this.href);
  playerObject.media.load();
  playerObject.load();
  return false
"><div id="change_channel><img src="https://www.example.com/img_chh/fox.png"></div></a>

Я оставлю полный код в codepen, чтобы его было проще отлаживать, чем загружать все файлы для запуска MediaElement.js.https://codepen.io/Hacker_D/pen/vzzKgM Если кто-то знает, как это исправить, я буду благодарен.С уважением, DiX

1 Ответ

0 голосов
/ 16 сентября 2018

Ну, во-первых, конечно, данный код не будет работать, так как playerObject ни на что не ссылается, и если он должен был ссылаться на элемент <video>, тогда строка playerObject.media.load(); недопустима, поскольку нет такое свойство в элементе Audio / Video DOM . По крайней мере, инициализируйте его где-нибудь (дайте и id для вашего тега <video>, а затем выполните playerObject = document.getElementById(<the id of your video element>); где-нибудь.

Я пометил ссылку, которую вы задали в вопросе, и исправил JavaScript (https://codepen.io/anon/pen/gddogL),, но, поскольку URL-адрес видео недействителен, он не воспроизводится, но в нем больше нет ошибок JavaScript. Так что если вы иметь действительные URL-адреса видео, с которыми можно как минимум возиться.

Что касается количества видео, так как вы пометили php, просто создайте общую функцию javascript, которая принимает источник и устанавливает его для проигрывателя, а при создании страницы просто указывайте правильный источник в каждом обработчике кликов.

...