Question

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

我们在任何Android设备上都没有此问题，这只会影响iOS设备。

这是一个链接，可以看到我们实施的播放器：

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

有人可以告诉我们在哪里可以获得正确的代码，以便播放器适用于iOS设备吗？

汤姆

Answer 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" width="412" height="232" 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以禁用此功能。

希望有所帮助！

videojs播放器不在ipad上工作

1 个答案: