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

Question

我在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";
  }

视频变量是我的容器。

如果它让你感到愉快..截图：

干杯

Answer 1

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