如何在 videojs-youtube 中嵌入高清视频？

Question

我已经成功使用videojs-youtube在我的页面上嵌入了youtube视频http://malescast.com/Eksis-dengan-HexoJS/instalasi-hexojs

如您所见，视频不是高清的。在 Youtube https://www.youtube.com/watch?v=bujxtMQouZ4 我可以观看高清视频。

目前我的设置是这样的：

<video
      id="malescast-video"
      poster="/img/poster/hexo-part-01.jpg"
      class="video-js vjs-default-skin vjs-big-play-centered"
      controls preload="auto" width="640" height="360"
      data-setup='{ "techOrder": ["youtube"], "aspectRatio":"16:10", "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=bujxtMQouZ4"}], "Youtube": { "ytControls": 2 }}'
       style="margin:auto;">
</video>

你可以在页面上看到它。

我什至把它改成这样：

<video
      id="malescast-video"
      poster="/img/poster/hexo-part-01.jpg"
      class="video-js vjs-default-skin vjs-big-play-centered"
      controls preload="auto" width="1280" height="800"
      data-setup='{ "techOrder": ["youtube"], "aspectRatio":"16:10", "sources": [{ "type": "video/youtube", "src": "https://www.youtube.com/watch?v=bujxtMQouZ4"}], "Youtube": { "ytControls": 2 }}'
       style="margin:auto;">
</video>

但还是不行。如何解决这个问题？或者，是否可以在使用 videojs 控件时显示质量选择器？谢谢。

Answer 1

在插件脚本中有一段传递选项以从 YouTube iframe API 获取，请查看：

var playerVars={controls:0,modestbranding:1,rel:0,showinfo:0,suggestedQuality:'default',setPlaybackQuality:'highres',loop:this.options_.loop?1:0};