javascript – 嵌入带有侧边栏列表的YouTube播放列表插件

前端之家收集整理的这篇文章主要介绍了javascript – 嵌入带有侧边栏列表的YouTube播放列表插件前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我知道YouTube API目前不提供显示类似于原生YouTube播放列表的播放列表侧边栏功能.

通过搜索我找到了一个很有希望的插件来模仿这种行为. https://github.com/jakiestfu/Youtube-TV

不幸的是,这个插件不再适用于YouTube的API v.3,但是,Giorgio003创建了一个支持API v.3的分支.
https://github.com/Giorgio003/Youtube-TV

我已按照所有安装说明进行操作,但似乎无法使其正常工作.

这是我的页面

在ytv.js中,我包含了我的API密钥

(function(win,doc) {
    'use strict';
    var apiKey = 'ThisIsARealKeyForMyChannel';
    var YTV = YTV || function(id,opts){...

ytv.js脚本似乎运行正常.它正确找到我的频道和我上传的两个示例视频. #YourPlayerID的呈现HTML如下所示:

页面不显示视频或播放列表.谁能看到我失踪的东西?

最佳答案
我能够解决问题.从插件创建的所有元素都将高度设置为100%.元素< div id =“YourPlayerID”>< / div>高度为0,因此,它的所有孩子的高度都为0.一旦我给#YourPlayerID元素一个高度,就会出现播放列表.

猜你在找的JavaScript相关文章