videojs 播放器无法在 iPad 上运行

Posted 2023-02-25

【中文标题】videojs 播放器无法在 iPad 上运行

【英文标题】：videojs player not working on ipad

【发布时间】：2014-09-04 15:54:22

【问题描述】：

我们使用 html5 元素设计在我们的网页上安装了播放器，但是，播放器无法加载允许播放视频的控件。

我们在任何 android 设备上都没有这个问题，这只会影响 ios 设备。

这里是我们实现的播放器的链接：

https://liveconferencepro.com/vp/viewHTML5.php?id=tah1pa

谁能告诉我们在哪里可以获得正确的代码以便播放器可以在 iOS 设备上运行？

汤姆

【问题讨论】：

你试用过哪个版本的IOS？看起来这是默认视频，所以应该可以播放。

【参考方案1】：

由于多种原因，我在 Chrome 中的播放器坏了。首先是该链接将我带到了通过 SSL 提供的页面，但 Videojs 包含的是通过 http，这意味着它们由于内容不安全而从未加载。

修复该问题后，我在控制台中注意到此错误：Uncaught InvalidCharacterError: Failed to execute 'setAttribute' on 'Element': '<source' is not a valid attribute name.

这似乎是因为您没有关闭开始的视频标签：

<video id="videoPlayer" class="video-js vjs-default-skin" controls autoplay preload="auto"   poster="https://liveconferencepro.com/vp/logo.jpg"
                    data-setup=""

    <source src="http://vjs.zencdn.net/v/oceans.mp4" type='video/mp4'>
    <source src="http://vjs.zencdn.net/v/oceans.webm" type='video/webm'>
    ...
</video>

最后，请记住，如果您想在移动设备上使用自定义控件，则需要启用自定义控件。由于移动设备的特殊性，目前我们默认禁用自定义控件，但您可以将选项设置为 nativeControlForTouch: false 以禁用此功能。

希望有帮助！