2010-08-23 31 views
7

Ho un'applicazione per iPhone in cui ogni vista è in verticale. Ho un UIWebview con alcuni HTML in esso. Appare che ci sia un video con tag HTML5. Quando suono quel video, viene riprodotto solo in verticale. Per farlo funzionare in orizzontale, devo restituire SI per shouldAutorotateToInterfaceOrientation nel viewcontroller, ma non voglio che il viewcontroller ruoti in orizzontale. Voglio solo che il video supporti l'orientamento orizzontale.HTML 5 video in UIWebview Orientamento orizzontale

È possibile?

Grazie!

risposta

1

Ho lo stesso problema, interessante però se si utilizzano tag di incorporamento invece di tag video funziona ma non si ottiene la bella immagine!

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

Riproduce il video con quicktime, che richiede l'installazione del plug-in quicktime. Idea intelligente Spero solo che non si sia basato su un plugin. – Adam

1

se avete javascript a vostra disposizione o qualche altro motore di scripting, hai provato dando l'elemento video e l'elemento incorporare un attributo id e l'accesso al DOM con javascript per modificare gli attributi?

<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> 

se si sta parlando di cambiare lo src ad un video completamente diverso che è orizzontale o verticale, che è possibile anche. Penso che questo potrebbe essere possibile solo con PhoneGap che fornisce javascript.

Problemi correlati