youtube - videojs，手动触发不同的youtube网址

Question

我对手动(单击按钮)使用videojs使用相同的html video标签(如果可能)触发播放不同的youtube url感兴趣。

我看到了这段代码，这使我希望这是可行的:http://jsfiddle.net/mister_ben/g7mrs/

html代码:

<video id="myPlayer" src="" class="video-js vjs-default-skin" controls preload="auto" width="320" height="180" data-setup='{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=D36JUfE1oYk" }'></video>
<p><a href="#" onClick="loadVideo()">Another video</a></p>

js代码:

function loadVideo(event) {
    videojs("myPlayer").src({ type: "video/youtube", src: "http://www.youtube.com/watch?v=dQw4w9WgXcQ"});
    event.preventDefault();                  
}

但这是旧代码(videojs版本4.1和旧版本的videojs- youtube插件)，并且升级到当前版本并不能解决问题。

我正在将YouTube插件( https://github.com/eXon/videojs-youtube)用于videojs。

现在使用新的api是否有可能？

Answer 1

使用Video.js播放器以Ionic播放不同的YouTube网址。

这是它工作的一个示例:

page.html

    <video id='video' width="100%" controls preload="auto" class="video-js vjs-default-skin vjs-big-play-centered vjs-16-9"></video>


page.ts

this.videoJSplayer = videojs(document.getElementById('video'), {
  controls: true,
  autoplay: true,
  techOrder: ["youtube"],
  height: "200"
 });

 this.videoJSplayer.src({type:'video/youtube',src:"https://www.youtube.com/watch?v=Xwo-H5krlj0"})