问题标签 [plyr.js]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
4935 浏览

javascript - 根据容器按比例调整视频大小

我需要根据其容器设置视频宽度/高度。基本上,视频的高度应该是其绿色容器的 100%,并且宽度应该是可变的。

0 投票
1 回答
2821 浏览

javascript - 当同一页面上有 2 个 vimeo 视频时,plyr / 视频不会自动播放

我最近遇到了一个问题,当它们使用 Plyr 在同一页面上时,我无法自动播放/播放来自 vimeo 的两个视频,尽管它们适用于 youtube 视频。

这是一个片段

0 投票
1 回答
1063 浏览

jquery - 播放视频时如何停止猫头鹰轮播滑块?

我正在使用猫头鹰轮播滑块进行视频反馈。它工作正常,但是当用户将鼠标悬停在猫头鹰轮播滑块上时,我想要停止猫头鹰轮播滑块,并在播放视频时停止猫头鹰轮播滑块。

对于视频播放,我使用以下播放器:

http://www.bestjquery.com/2016/05/plyr-simple-html5-media-player/

0 投票
3 回答
1430 浏览

javascript - 项目中的 Foundation 6.4 JavaScript 无法正常工作,但外部 JS 可以

我对 Foundation 6.4 中的 javascript 失去了理智。我不知道这个 Webpack 是怎么回事。似乎有些库/插件可以工作,而有些则不能。我的最新问题是关于 plyr ( https://plyr.io/ )。我不明白为什么 TweenMax 可以 100% 正常工作而 plyr.js 不能。我究竟做错了什么?

这是我得到的错误..

app.js:23026 Uncaught ReferenceError: plyr is not defined

这就是我的app.js样子。。

我的 config.yml 文件中也有 plyr.js 的路径:

0 投票
1 回答
560 浏览

javascript - 检测视频是否在 javascript 插件 plyr 中播放

我从这里使用 plyr javascript 插件 - https://github.com/sampotts/plyr ,我需要检测用户正在观看视频。最后,我将添加使用 AJAX 收集统计信息的代码。但是下面的代码不起作用。

0 投票
2 回答
528 浏览

server - 我收到与 Access-Control-Allow-Origin 相关的错误消息

0 投票
2 回答
4351 浏览

angular - 如何在 Angular2 中使用 plyr npm 模块在 Angular2 中创建视频播放器?

我正在尝试使用这个 (Plyr- https://www.npmjs.com/package/plyr ) npm 包来创建一个可以流式传输 m3u8 和 Youtube 视频的视频播放器,他们的 npm 页面有两者的演示,但他们在普通的javacript。

谁能解释如何在 Angular 6 应用程序中使用它?如何使用hls等

尤其是这两个例子: https ://codepen.io/pen?template=oyLKQb#enter code here

https://codepen.io/pen?template=GGqbbJenter code here

0 投票
1 回答
91 浏览

jquery - .click 上的加载功能

我很难理解我需要把它放在哪里才能resizeBg();让它工作。例如,当用户单击按钮 ( btnNext) 时,它会调用loadVideo并且在事件就绪resizeBg()时需要再次调用。但是控制台不显示任何东西

和代码示例:

0 投票
1 回答
1792 浏览

javascript - 为许多视频初始化时如何获取 Plyr 当前实例

我在我的网页中使用Plyr来播放 Youtube 嵌入。在我的页面中,我有大约 10 个视频/嵌入,以及我当前的设置如下:

HTML

JS

现在,如果我在页面上播放视频#3,我如何获取该实例,以便我可以控制播放器并收听该实例事件,以便我可以对这些事件做其他事情。

该文档仅在仅实例化一个播放器时讨论单个实例

但我一次实例化了多个......

0 投票
1 回答
533 浏览

javascript - 如何在 Fancybox 3 中使用 Plyr for vimeo?

我正在使用Plyr自定义嵌入式 Vimeo 视频的播放器皮肤。

但是我在使用Fancybox 3灯箱脚本时遇到了问题。而且我不能在 Fancybox 中使用 inline 选项,因为在某些情况下我将使用 AJAX 加载链接/帖子。

只有当我点击灯箱链接时,有没有办法触发 Plyr 脚本?

提前致谢!