如何向用于iOS的全屏Html5视频添加自定义控件？
如何向用于iOS的全屏Html5视频添加自定义控件？
提问于 2019-02-06 02:24:57
我正在使用video.js，但我不知道是否可以在全屏模式下添加自定义控件。更具体地说，我正在尝试添加一个可以在全屏模式下截屏的相机按钮。
到目前为止，我所拥有的：
<video
id="preview"
class="video-js"
controls
preload="auto"
poster="//vjs.zencdn.net/v/oceans.png"
playsinline >
<source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source>
<source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm"></source>
</video>和
var Button = videojs.getComponent('Button');
var MyButton = videojs.extend(Button, {
constructor: function() {
Button.apply(this, arguments);
console.log(this)
this.controlText('some text')
this.addClass('fa-camera')
this.addClass('fas')
},
handleClick: function() {
alert('you've clicked the camera. nice.')
}
});
videojs.registerComponent('MyButton', MyButton);
var player = videojs('preview');
player.getChild('controlBar').addChild('myButton', {});JS基于this answer。这一切都很好，结果是这样的：
请注意红色箭头下的相机图标。这是我们想要的结果。
桌面版看起来没问题。但该应用程序将主要用于移动应用。这是全屏播放器表单iOS：
找到可靠的信息一直很困难，因为这些年来发生了太多的变化。
问题是：
是否可以在iOS设备(目前为iOS 12.2)上显示的html视频元素中添加全屏使用的自定义控件？如果是这样的话，是怎么做的？如果不是，什么是一个好的替代方案？
回答 1
Stack Overflow用户
发布于 2019-02-07 17:53:01
现在，这在iPad上是可能的，它支持iOS 12中适当的全屏应用编程接口。
在iPhone iOS 12上，用户可以选择启用全屏应用程序接口，该选项隐藏在Safari的实验功能下的设置中。有希望这意味着它也将作为标准在iPhone上的iOS 13中工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/54540773
复制相关文章
相似问题
腾讯云开发者
