Javascript HTML5：iPad上的视频-自定义缩放控制

我在iPad上创建了一个更小的UIWebView，因此我为视频编写了自己的HTML5控制器。目前，当我最大化视频时，它显示的是纯黑色屏幕（而不是实际的视频）。声音仍在工作，我仍然可以暂停和点击播放，但只有一个黑色视频。（同样，当我回到最小化模式时，视频不再存在）

当然，这在网络浏览器中很好用，只是在iPad上不行

下面是代码：

function fullScreenOn(){
    videoIsFullScreen = true;
    videoOrigWidth = video.offsetWidth;
    videoOrigHeight = video.offsetHeight;
    video.style.width = window.innerWidth + "px";
    video.style.height = window.innerHeight + "px";
    video.style.position = "fixed";
    video.style.left = 0;
    video.style.top = 0;
    controls.style.position = "fixed";
    positionController();

    fullScreenControl.className = "fs-active control";
  }

  function fullScreenOff(){
    videoIsFullScreen = false;
    video.style.width = videoOrigWidth + "px";
    video.style.height = videoOrigHeight + "px";
    video.style.position = "static";
    controls.style.position = "absolute";
    positionController();
    fullScreenControl.className = "control";
  }

视频变量是我的容器

如果你觉得有趣的话。。截图：

---

干杯

我正在做类似的事情，我发现在视频元素上设置position='absolute'会导致它停止显示视频。

我正在做类似的事情，我发现在视频元素上设置position='absolute'会导致它停止显示视频。

看起来它找不到视频。。。但你们能听到声音？没错，声音很好。我可以在最小化模式下开始播放视频；然而，当我最大化它时，它不起作用。它可以在浏览器上正常工作，只是在iPad上不行。我还尝试在最大化源代码后对其执行.load（），以重新加载它；然而，这也不起作用。看起来它找不到视频。。。但你们能听到声音？没错，声音很好。我可以在最小化模式下开始播放视频；然而，当我最大化它时，它不起作用。它可以在浏览器上正常工作，只是在iPad上不行。我还尝试在最大化源代码后对其执行.load（），以重新加载它；然而，这也不起作用；非常感谢。我所做的是针对一个父元素，而不是视频，结果效果很好。祝你好运杰出的非常感谢。我所做的是针对一个父元素，而不是视频，结果效果很好。祝你好运