2010-08-23 14 views
7

Her görünümün dikey olduğu bir iPhone uygulamasına sahibim. İçinde bir HTML ile bir UIWebview var. Amoung, html5 etiketli bir video var. Bu videoyu oynatırken sadece portre modunda oynatılır. Manzarada çalışmasını sağlamak için, viewOntroler'da autototateToInterfaceOrientation için EVET'e dönmek zorundayım, ancak viewcontroller'ın manzaraya dönmesini istemiyorum. Sadece videonun yatay yönlendirmeyi desteklemesini istiyorum.HTML 5 video UIWebview Yönü yatay

Bu mümkün mü?

Teşekkürler!

cevap

1

Aynı problem var, ilginçtir, ancak video etiketleri yerine yerleştirme etiketleri kullanırsanız, ancak güzel görüntüyü almazsınız!

<embed src='yourmovie.mp4' width='280px'></embed> 
+0

Videoyu, hızlı kurulumun yüklenmesini gerektiren hızlı bir süre ile oynatır. Zekice fikir. Keşke bir eklentiye güvenmemesi dileğiyle. – Adam

1

size veya başka komut dosyası altyapısı mevcut javascript varsa, video elemanını ve embed öğenin bir kimlik özelliğinin veren ve özelliklerini çimdik javascript kullanarak DOM erişen denediniz mi?

<body> 
<video id="myvideo" width="240" height="320" src="a.vp8"> 
    <embed id="myvideoe" width="240" height="320" src="a.vp8"> 
</video> 
<script type="text/javascript"> 
if (window.screen.width < window.screen.height) { 
    //portrait 
    document.getElementById('myvideo').setAttribute('width', 240); 
    document.getElementById('myvideo').setAttribute('height', 320); 
    document.getElementById('myvideoe').setAttribute('width', 240); 
    document.getElementById('myvideoe').setAttribute('height', 320); 
} else { 
    //landscape 
    document.getElementById('myvideo').setAttribute('width', 320); 
    document.getElementById('myvideo').setAttribute('height', 240); 
    document.getElementById('myvideoe').setAttribute('width', 320); 
    document.getElementById('myvideoe').setAttribute('height', 240); 
} 
//or simply do this if you have differing size target screens: 
//you can always subtract out the space for the controls. 
document.getElementById('myvideo').setAttribute('width', window.screen.width); 
document.getElementById('myvideo').setAttribute('height', window.screen.height); 
document.getElementById('myvideoe').setAttribute('width', window.screen.width); 
document.getElementById('myvideoe').setAttribute('height', window.screen.height); 
</script> 
</body> 

Eğer yatay veya dikey olan tamamen farklı bir videoya src değişen bahsediyoruz eğer, bu çok mümkündür. Bu sadece javascript sağlayan PhoneGap ile mümkün olabileceğini düşünüyorum.