如何在 webkit/cordova/phonegap 上使用 ios/iphone 设备隐藏 html5 视频标签的控件？ [复制]答案

【问题标题】：How to hide the controls of the html5 video tag with ios/iphone devices on webkit/cordova/phonegap? [duplicate]如何在 webkit/cordova/phonegap 上使用 ios/iphone 设备隐藏 html5 视频标签的控件？ [复制]
【发布时间】：2014-06-30 06:56:23
【问题描述】：

无论“控件”标志的状态如何（无论是否存在），控件始终可见，并且视频标签本身会在控件打开的情况下发出触摸事件

【问题讨论】：

标签： iphone cordova

【解决方案1】：

省略“控制”标志应该使视频标签无控制，无论是否是临时错误，该标志在 iphone/ipod 设备上完全被忽略，控制也毫无意义，因为视频总是完整播放-屏幕，你留下了一大块空间，它的唯一目的就是像黑洞一样吸走所有的点击和触摸事件

行为记录在这里：https://developer.apple.com/library/safari/documentation/AudioVideo/Conceptual/Using_HTML5_Audio_Video/Device-SpecificConsiderations/Device-SpecificConsiderations.html

解决方案是将视频标签的宽度/高度设置为 1/1 - 将其“固定”定位为 -10,-10，并使用替换 UI 而不是实际视频手动触发“播放”

这样视频标签的荒谬就消失了，因为它总是全屏播放，所以功能是一样的

【讨论】：

你在这个答案中给出的值，你的意思是“1px/1px”和“10px/10px”吗？这从我的页面中删除了视频。您能否详细说明一下您是如何让视频可见的？
@NilsSens 使用此解决方案有一个代表视频的图像，然后单击图像，我通过缩小并隐藏在页面上来播放视频元素 - 所以它不是“10px/ 10px” - 故意隐藏是“-10px/-10px” - 但这是 7 年前我希望现在情况好转