2011-02-18 208 views
1

我在iPad上创建了一个较小的UIWebView,因此我为视频编写了自己的HTML5控制器。目前,当我最大化视频时,它会显示纯黑色屏幕(而不是实际的视频)。声音仍然在工作,我仍然可以暂停并播放,但只是有一个黑色的视频。 (当我回到我的最小化模式视频不存在了)。HTML5:iPad上的视频 - 自定义缩放控件

这当然可以在网页浏览器中正常工作,而不是在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"; 
    } 

视频变量是我的容器。

如果招待你..截图: Screenshot of black window

干杯

+0

它看起来不能找到视频...但你可以听到声音? – Peter 2011-02-19 01:19:08

+0

正确,声音很好。我可以以最小化模式开始播放视频;但是,当我最大化它不起作用。它在浏览器上正常工作,而不是在iPad中。我也尝试过在源代码上做一个.load(),一旦我最大化它来重新加载它;但是这也不起作用。 – Petrogad 2011-02-19 14:47:38

回答

1

我的工作类似的东西,而且我发现,设定位置=视频元素上“绝对”的原因呢停止显示视频。