Question

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

正如你在那里看到的那样，视频不是HD。在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};

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

1 个答案: