如何从html代码隐藏/掩盖data-plyr-provider

如何解决如何从html代码隐藏/掩盖data-plyr-provider

我正在使用plyr播放YouTube视频。我想从html文件中隐藏int var = increment(a); std::cout << var << std::endl; // print 11定义。永远都是YouTube。

当前我正在使用此代码

std::cout << increment(a) << std::cout //print 11

我要隐藏的是红色框中的代码

我当时想我可以修改data-plyr-provider我正在使用的字符串YouTube并对其进行硬编码，但是在查看代码时却无法这样做。我的意思是我找不到合适的地方。

在我发现的.js文件中，<div class="container"> <div id="player" data-plyr-provider="youtube" data-plyr-embed-id="somegoogleid"></div> </div> <script src='https://web.con/124141/users/plyr/plyr.min.js'></script> <script> const player = new Plyr('#player',{}); // Expose player so it can be used from the console window.player = player; </script>的唯一参考是这一行

plyr.min.js

有人可以帮忙吗？在哪里修改代码，或者是否有其他方法可以隐藏data-plyr-provider

解决方法

我不确定我是否真的需要在这里写下来，但是没有正式的方法将属性直接传递到Plyr构造函数中。

因此，您可以自己分叉它，然后按如下所示更改行：在src / js / plyr.js中的plyr.js上封闭线：＃201，＃205 并添加：

this.provider = 'youtube'; // on line #202

通过这种方式，您可以从“ div”源创建Plyr。

iframe会保持原样。如果您提供iframe，它将按原样工作。

毕竟：

npm run build

创建您自己的构建，然后使用dist文件夹中的plyr.min.js进行以下操作：

<div id="player" data-plyr-id="https://www.youtube.com/watch?v=SF0w2B6DNUE"></div>

const player = new Plyr('#player');

// Expose player so it can be used from the console
window.player = player;

你去了。使用div creator =）在YouTube上为YouTube创建plyr规格的非官方方式

更新＃1：

在进行更改之前，请先结帐至上一个生产版本。当您仅在master分支=）上可能会损坏它

更新＃2： 因此，既然您告诉我您不知道该怎么做，我将尽力解释。

首先，请先访问https://github.com/sampotts/plyr

从图像复制链接：

此后；

打开终端和您的代码路径。
键入git clone https://github.com/sampotts/plyr.git
等待直到完成，然后键入cd plyr
使用npm i
使用某些IDE打开当前目录（可以是vscode，sublime或您用于编码的任何文件。）（code .将使用VSCode打开它）

之后，从下一张图片中打开文件：

转到第202行，您将看到以下内容：

在这里，如果您向上看，无论如何，这部分代码实际上是类型div的一部分。如您所见，您从＃201行获得了提供程序：

this.provider = this.media.getAttribute(this.config.attributes.embed.provider)

因此，注释掉该行（＃201）并将以下内容添加到＃202行

this.provider = 'youtube';

也不要忘记注释＃204行，这使我们得出以下结果：

这些更改之后，（我相信您已经安装了node）

保存所做的更改。
再次打开终端。
使用git checkout v3.6.2签出最后的生产版本
通过git add .向git添加更改
使用git commit -m "provider set to youtube only"创建提交
然后使用npm run build

完成这些步骤后，您将从dist文件夹中的js和css文件中构建代码。

请先备份您的js文件，然后再执行以下操作：

将所需文件从dist/文件夹复制到服务器。（plyr.min.js和plyr.css）
完成每件事之后

您应该能够从头开始使用所有内容。

我希望您最终可以使用它=）

更新＃3：

我们还可以通过@Steve添加肮脏的方式

@Radek，如果走这条路，如果有时间，应该走所有的步骤，但是如果您想要快速又肮脏的东西，可以在plyr.min.js中搜索

this.provider=this.media.getAttribute(this.config.attributes.embed.provider),this.media.removeAttribute(this.config.attributes.embed.provider)

并替换为

this.provider='youtube'