更改视频源 javascript答案

【问题标题】：Changing video source javascript更改视频源 javascript
【发布时间】：2017-12-05 20:57:48
【问题描述】：

function loadVideo(event) {
  videojs("myPlayer").src({ 
    type: "video/youtube",
    src: "https://youtu.be/ZSn3Tvc7jQU"
  });
  event.preventDefault();
}

我有一个可行的解决方案，但是我希望只有 1 个功能而不是 4 个

有什么想法吗？

【问题讨论】：

w3schools.com/js/js_function_parameters.asp 或者您可以在按钮上使用data-src 属性，并使用：event.target.dataset.src

标签： javascript

【解决方案1】：

您可以将 YouTube URL 作为参数传递：

function loadVideo(url) {
    videojs("myPlayer").src({ type: "video/youtube", src: url});
    event.preventDefault();                  
}

在 HTML 中：

<a href="#" onClick="loadVideo('https://youtu.be/ZSn3Tvc7jQU')">video</a>
<a href="#" onClick="loadVideo('https://youtu.be/0BhSrfNgLxs')">video2</a>

【讨论】：

像魅力一样工作。 THX

【解决方案2】：

添加到@hsz 答案，您也可以将url 的第一部分添加到函数中，然后发送ID。

如果您以后需要更改视频提供商，这也会有所帮助，因为您只需更改基础（假设 id 保持不变）。

所以你的 JS 函数：

var base = 'https://youtu.be/';

function loadVideo(id) {
    videojs("myPlayer").src({ type: "video/youtube", src: base + id });
    event.preventDefault();                  
}

然后在 HTML 中结束

<a href="#" onClick="loadVideo('ZSn3Tvc7jQU')">video</a>

【讨论】：