问题标签 [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.
javascript - 为什么 plyr 没有在任何浏览器中以全屏模式全屏播放视频
我遇到了一个非常不同的问题,在fullscreen
模式下我plyrjs
没有播放视频fullscreen
我试图在 codepen 中使用相同的代码重现问题,但它在codepen中有效,为什么?
问题:为什么fullscreen
在codepen中产生相同的代码,但在我的项目中没有,在任何浏览器中。
这是屏幕截图(fullscreen
在我的项目中以模式播放):
**
Codepen 演示:https ://codepen.io/eabangalore/pen/wRdGGB
javascript - 为什么 .mov、.mkv 和一些 .mp4 不能在 plyr.js 中播放
我如何播放.mov、.mkv、.wmv、.mp4 所有文件,plyr.js
因为我喜欢plyr
我不想更改plyr
的外观videojs
。
如果有任何外部插件可以帮助播放上述文件,我很高兴使用它们。
注意:我使用了 plyr.polyfilled.js,即使它不会播放。我没有.mov,.mkv,.wmv files to show
问题:是否有可能使用 plyr 播放上述文件。
下面的演示:
请帮助我提前谢谢!!!
jquery - 使用 querySelector jquery 更改源不起作用
我正在使用带有简单播放列表的 Plyr 播放器。我有一个用于更改视频源的 j.code,但它仅适用于本机播放器,但不适用于 Plyr。使用 Plyr 发起控制台响应 TypeError: player.querySelector is not a function。整个框架可以在这里查看 - https://special.novinky.cz/pocasi/index.html和功能代码如下
播放器被放置在这个
并由此引发
java - 在 Chrome Android 中进入全屏的视频播放器停止流式传输
好的,这是我一年前开始从事我的项目以来一直遇到的问题。在 Android(仅限 Android)上的 Chrome 上进入全屏时,我的 Plyr.io 视频播放器停止流式传输并进入无限加载阶段(只有 50% 的情况下我进入全屏)。
尽管可以通过单击进度条上的某处(设置另一个时间)或重新加载来轻松解决此问题。我注意到它也发生在其他带有视频流的网站上。
我将 Plyr.io 用于 Videoplayer,并将https://gist.github.com/chikien276/66229316147ba1180df2f84caff8730d用作来自 Spring Boot 服务器的多部分文件发送器。
这是一个已知的问题?如何修复?这是服务器端还是客户端问题?
javascript - 音频未在移动浏览器上加载(Plyr 播放器)
我找到了一个不错的 HTML 5 音频播放器,它带有基于 plyr 的播放列表和艺术品。它在我的桌面浏览器上运行良好,但在我的移动设备 (iOS) 上,按播放后无法播放。有一个codepen来演示:
https://codepen.io/gifteconomist/pen/LREwXv
我尝试通过移动浏览器进行调试,但没有显示错误。任何想法这里可能出了什么问题?非常感谢!
html
js
javascript - 如何根据输入 aria-valuenow 中以编程方式更改的数据添加类
我之前问了一个关于如何“如果 aria-valuenow = 0 时向按钮添加类”的问题,我得到了一个解决方案,但我认为当输入中的滑块变为零时它会改变。
它只适用于加载的内容aria-valuenow
。例如,如果aria-valuenow=50
已加载,则代码将不起作用,但如果area-valuenow=0
已加载,则代码将起作用。
那么如何根据以编程方式更改值的输入将类添加到 div 呢?
代码:
JS代码:
输入更改值的工作示例 - https://codepen.io/openbayou/pen/JQeEry
jquery - 如何在输入范围内使用小于添加一个类?
我的代码有问题。它应该在输入中的范围小于 30 时添加一个调用的类test
。如果输入中的值恰好为 30 ,但使用小于或大于不起作用时,它可以工作。.js-volume
this.value == 30
JS代码:
javascript - 有没有办法在 Plyr 数组中找到元素的父级?
我刚刚从 Vimeo 的 API 切换到 Plyr.js,所以我可以为我的视频选择自定义海报。以前,我对每个 Vimeo 播放器进行了硬编码,因此一旦播放或暂停,我就可以调用任何播放器的父级,并相应地更改其 css。
使用 Plyr,我可以使用数组进行设置来简化很多工作。我唯一的问题是现在我无法访问任何数组元素的父级。
我尝试了几种不同的父方法并通读了 Plyrs 文档,但是我对使用数组相当缺乏经验,所以我确信我缺少一些简单的东西。
我的最终目标是检测我页面上的哪个视频被播放或暂停,然后用 js 更改其容器 div。
javascript - 尝试通过 Vue.js 中的 API 控制 Plyr
概述
我在我的网站上使用 Plyr 作为视频的包装器,并且当去抖动函数调用函数时,我试图通过它的 API 控制视频播放器。
基本上,当我为 YouTube 输入新视频 ID 时,我希望销毁现有视频,然后在与新 ID 相关的位置输入另一个视频,然后自动播放。
这最终将被改编成我网站上的另一个组件。
我的问题
我似乎无法通过 API 控制播放器,这意味着一旦 Vue 完成了它的一部分,我就无法销毁或使用任何 Plyr 函数来更改它的操作方式。
正如您从下面的代码中看到的那样,在updateVideo
我试图播放视频的函数中,player.play()
它会抛出这个控制台错误:
Cannot read property 'play' of undefined
我查看了文档以尝试了解如何解决此问题,但我陷入了死胡同。
YouTube.vue
我的主要问题是尝试像 API 指定的那样控制视频,但不起作用。
我也调查过,vue-plyr
这似乎不符合我想要实现的目标,并且仍然存在同样的问题。
与往常一样,任何帮助将不胜感激。
javascript - safari 上没有声音按钮
我有一个使用 plyr 制作的视频播放器开发的网站,除了 IOS 的 safari 之外,所有浏览器都可以正常工作,因为它不显示音量按钮。以下 Html 代码适用于播放器:
这是我的脚本:
奇怪的是,这个音量按钮在他们的官方(plyr)上不存在。有人能帮我吗?