javascript - Videojs 7 silvermine videojs-chromecast没有加载按钮
问题描述
我目前在 ruby on rails 应用程序上使用 videojs 7.4.1。
我决定使用 silvermine 的 chromecast 和 airplay 插件。所有的 javascripts 似乎加载没有任何错误。但是,播放器上没有出现按钮?!?!?请帮忙!
https://github.com/silvermine/videojs-chromecast https://github.com/silvermine/videojs-airplay
这是我的视频标签
<video-js id="my-video" class="video-js vjs-big-play-centered vjs-default-sk in"
controls
autoplay
poster="my-poster.png"
name="media"
>
<source src="my-video.mp4" type='video/mp4' />
<p class="vjs-no-js">Your browser is not yet supported. Please try downloading the google <a href="https://www.google.com/chrome/" target="_blank">chrome browser</a></p>
</video-js>
这是我的javascript代码
<script>
var options;
options = {
controls: true,
fluid: true,
preloadWebComponents: true,
techOrder: [ 'chromecast', 'html5' ],
plugins: {
chromecast: {
addButtonToControlBar: true
},
airPlay: {
addButtonToControlBar: true, // defaults to `true`
}
}
};
var video = videojs('my-video', options)
// Chromecast
video.chromecast();
video.airPlay();
</script>
正如文档所说,我正在加载脚本:
<script src="https://unpkg.com/video.js@6.1.0/dist/video.js"></script>
<script src="javascripts/silvermine-videojs-chromecast.min.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>
解决方案
推荐阅读
- javascript - 从 API 获取 json,在数组中的每个对象的 div 中创建 HTML 代码
- javascript - 如何在 PHP 和 python 中使用 HTML5 SSE
- perl - Perl 从文件中打印二维矩阵
- mysql - 保存用户交互并呈现它们
- java - 有没有理由像 !Boolean.FALSE.equals() 这样的表达?
- python - 从列中获取 URL 并粘贴到 chrome 中
- javascript - repeat the click only on the last button pressed in jquery
- vb.net - 如何解决套接字接受超时
- javascript - 我正在使用 Vue.js 开发完整日历:尝试在其上添加功能但无法正常工作
- firebase - Firebase 身份验证 securityScheme 的 Swagger OpenAPI 3 文档