Javascript 视频播放器源代码更新

当用户单击链接时，我试图更新

视频
元素的
源
元素

代码如下：

<a href="javascript:void(0);" onclick="load_src(this);lightbox_open();" data-link="<?php echo $list['file_path']; ?>">
   <?php echo $list['name'];?> <i class="fa fa-caret-square-o-right"></i>
</a>

下面是
视频
元素块：

<div id="light">
  <a class="boxclose" id="boxclose" onclick="lightbox_close();"></a>
    <video id="video_player_frame" class="video-js vjs-default-skin" controls preload="none" width="595" data-setup="{}">
      <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
      <!--Browser does not support <video> tag -->
      <p class="vjs-no-js">Javascript is disabled.</p>
    </video>
</div>


“

如果我最初将
src
留空，即
，我会得到
“找不到此媒体的兼容源”
，这很明显。
您使用videojs进行视频播放，因此必须更改播放机的源

var player = videojs('video_player_frame');

var changeLink = document.getElementById('my-change-src-link');
changeLink.addEventListener('click', function(event) {
  player.src(event.target.getAttribute('data-link'));
});

可能重复的
var player = videojs('video_player_frame');

var changeLink = document.getElementById('my-change-src-link');
changeLink.addEventListener('click', function(event) {
  player.src(event.target.getAttribute('data-link'));
});