JavaScript — изменить SRC видео с помощью JS или PHP = MediaElementJS
Добрый день.
Я пытаюсь изменить источник видео моего видеоплеера 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
Решение
Ну, во-первых, конечно, данный код не будет работать, так как playerObject не относится ни к чему, и если это должно было относиться к <video> элемент, то линия playerObject.media.load(); является недействительным, так как на Аудио / Видео DOM элемент. По крайней мере, где-нибудь инициализируйте его (дайте и <video> пометить, а затем сделать playerObject = document.getElementById(<the id of your video element>); где-то.
Я раздвоил ссылку, которую вы поставили в вопросе, и исправил JavaScript (https://codepen.io/anon/pen/gddogL), но поскольку URL-адрес видео недействителен, он не воспроизводится, но больше не содержит ошибок javascript. Так что, если у вас есть действительные URL-адреса видео, вы можете по крайней мере возиться с этим.
Что касается количества видео, так как вы пометили php, просто создайте общую функцию javascript, которая принимает источник и устанавливает его для проигрывателя, а при создании страницы просто помещайте правильный источник в каждый обработчик кликов.
Другие решения
Других решений пока нет …