使用JS或PHP = MediaElementJS更改视频的SRC

Question

下午好。 当用户单击带有img的div时，我试图更改视频播放器MediaElement.Js的视频源，例如：

<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>

与下载所有文件以运行MediaElement.js相比，我将完整的代码留在codepen中进行调试。 https://codepen.io/Hacker_D/pen/vzzKgM如果有人知道如何解决此问题，我将非常感激。 问候，DiX

Answer 1

首先，当然，给定的代码将无法正常工作，因为playerObject没有引用任何内容，如果要引用<video>元素，则行playerObject.media.load(); 无效，因为Audio / Video DOM元素上没有此类属性。 至少在某处初始化它（给您的<video>标签提供ID和ID，然后在playerObject = document.getElementById(<the id of your video element>);进行playerObject = document.getElementById(<the id of your video element>); 。

我分叉了您提出问题的链接并修复了javascript（ https://codepen.io/anon/pen/gddogL ），但是由于视频网址无效，因此无法播放，但没有任何JavaScript错误还有。 因此，如果您拥有有效的视频网址，则至少可以进行修改。

至于他的视频数量，由于您标记了php，只需创建一个通用的javascript函数，该函数将源代码并将其设置为播放器，并且在生成页面时，只需将正确的源代码放入每个点击处理程序即可。