问题标签 [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 投票
1 回答
1531 浏览

javascript - 为什么 plyr 没有在任何浏览器中以全屏模式全屏播放视频

我遇到了一个非常不同的问题,在fullscreen模式下我plyrjs没有播放视频fullscreen

我试图在 codepen 中使用相同的代码重现问题它在codepen中有效,为什么?

问题:为什么fullscreencodepen中产生相同的代码,但在我的项目中没有,在任何浏览器中。

这是屏幕截图(fullscreen在我的项目中以模式播放):

在此处输入图像描述

**

Codepen 演示:https ://codepen.io/eabangalore/pen/wRdGGB

0 投票
1 回答
2040 浏览

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 播放上述文件。

下面的演示:

请帮助我提前谢谢!!!

0 投票
1 回答
67 浏览

jquery - 使用 querySelector jquery 更改源不起作用

我正在使用带有简单播放列表的 Plyr 播放器。我有一个用于更改视频源的 j.code,但它仅适用于本机播放器,但不适用于 Plyr。使用 Plyr 发起控制台响应 TypeError: player.querySelector is not a function。整个框架可以在这里查看 - https://special.novinky.cz/pocasi/index.html和功能代码如下

播放器被放置在这个

并由此引发

0 投票
1 回答
114 浏览

java - 在 Chrome Android 中进入全屏的视频播放器停止流式传输

好的,这是我一年前开始从事我的项目以来一直遇到的问题。在 Android(仅限 Android)上的 Chrome 上进入全屏时,我的 Plyr.io 视频播放器停止流式传输并进入无限加载阶段(只有 50% 的情况下我进入全屏)。

尽管可以通过单击进度条上的某处(设置另一个时间)或重新加载来轻松解决此问题。我注意到它也发生在其他带有视频流的网站上。

我将 Plyr.io 用于 Videoplayer,并将https://gist.github.com/chikien276/66229316147ba1180df2f84caff8730d用作来自 Spring Boot 服务器的多部分文件发送器。

这是一个已知的问题?如何修复?这是服务器端还是客户端问题?

0 投票
1 回答
802 浏览

javascript - 音频未在移动浏览器上加载(Plyr 播放器)

我找到了一个不错的 HTML 5 音频播放器,它带有基于 plyr 的播放列表和艺术品。它在我的桌面浏览器上运行良好,但在我的移动设备 (iOS) 上,按播放后无法播放。有一个codepen来演示:

https://codepen.io/gifteconomist/pen/LREwXv

我尝试通过移动浏览器进行调试,但没有显示错误。任何想法这里可能出了什么问题?非常感谢!

html

js

0 投票
1 回答
218 浏览

javascript - 如何根据输入 aria-valuenow 中以编程方式更改的数据添加类

我之前问了一个关于如何“如果 aria-valuenow = 0 时向按钮添加类”的问题,我得到了一个解决方案,但我认为当输入中的滑块变为零时它会改变。

它只适用于加载的内容aria-valuenow。例如,如果aria-valuenow=50已加载,则代码将不起作用,但如果area-valuenow=0已加载,则代码将起作用。

那么如何根据以编程方式更改值的输入将类添加到 div 呢?

代码:

JS代码:

输入更改值的工作示例 - https://codepen.io/openbayou/pen/JQeEry

0 投票
1 回答
91 浏览

jquery - 如何在输入范围内使用小于添加一个类?

我的代码有问题。它应该在输入中的范围小于 30 时添加一个调用的类test。如果输入中的值恰好为 30 ,但使用小于或大于不起作用时,它可以工作。.js-volumethis.value == 30

JS代码:

演示 - https://codepen.io/openbayou/pen/JQeEry

0 投票
1 回答
253 浏览

javascript - 有没有办法在 Plyr 数组中找到元素的父级?

我刚刚从 Vimeo 的 API 切换到 Plyr.js,所以我可以为我的视频选择自定义海报。以前,我对每个 Vimeo 播放器进行了硬编码,因此一旦播放或暂停,我就可以调用任何播放器的父级,并相应地更改其 css。

使用 Plyr,我可以使用数组进行设置来简化很多工作。我唯一的问题是现在我无法访问任何数组元素的父级。

我尝试了几种不同的父方法并通读了 Plyrs 文档,但是我对使用数组相当缺乏经验,所以我确信我缺少一些简单的东西。

我的最终目标是检测我页面上的哪个视频被播放或暂停,然后用 js 更改其容器 div。

0 投票
1 回答
1452 浏览

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这似乎不符合我想要实现的目标,并且仍然存在同样的问题。

与往常一样,任何帮助将不胜感激。

0 投票
0 回答
23 浏览

javascript - safari 上没有声音按钮

我有一个使用 plyr 制作的视频播放器开发的网站,除了 IOS 的 safari 之外,所有浏览器都可以正常工作,因为它不显示音量按钮。以下 Html 代码适用于播放器:

这是我的脚本:

奇怪的是,这个音量按钮在他们的官方(plyr)上不存在。有人能帮我吗?