Javascript 为什么视频js endcard插件会将本机控件添加到播放器中？

Endcard是用于在视频末尾插入链接的插件。（终端卡上的信息：）。要插入一个插卡，您所需要的只是，再加上一些样式化的css

但是。。。问题是，在某些情况下，endcard会将videojs自定义控件从视频中剥离出来，并将其替换为本机控件。例子

• 经典的videojs视频，带有基本的videojs样式-
• 相同的视频和插卡演示（在末尾）——

请注意：

• 看起来这只发生在手机上。在个人电脑上，两个视频都在Chrome、FF和IE中设计了videojs控件

• 这并不总是发生在手机上——iPad上的Safari和Opera没有问题，但在iPad上的Chrome中，有时video 2有videojs控件，然后在刷新时有本机控件（发生这种情况时，视频通常不会加载）

• 在谷歌Chrome开发者工具（PC）中，视频2始终是“本机的”——有时看起来还可以，但重新加载后就不行了。使用开发工具，我看到在video 2的html中（带有endcard的html），css类“vjs使用本机控件”（这意味着display:none用于videojs控件）被添加到video div中，而不是添加到Firefox web developer中生成的源中

我对这两个文件进行了测试，看看是什么导致了这种情况，并将其归结为中html结尾的javascript。如果我删除它，播放器将在Chrome（iPad）和Chrome开发者工具中重新获得其样式化控件

---

嗯，也许问题出在Chrome上？不管怎样，有没有人知道冲突发生在哪里，为什么只在手机上，以及如何解决

这不是插件，而是播放器在第二页上初始化的不同方式。播放器选项可以作为第二个参数传递给

videojs

函数：

var video = videojs('video', {"nativeControlsForTouch": false} );

---

我把它插对地方了吗请看这里的第15行：……当我第一次在iPad上用Chrome加载该页面时，它有videojs控件，但在重新加载时，有时（并非总是）会变成“本机”。在ChromeDeveloperTools（PC）中，总是在第一次加载时设置样式，总是在重新加载时设置本机。