2013-03-17 172 views
0

我創建了一個小網站,包括使用此代碼視頻:iPhone播放嵌入式視頻全屏

<video autoplay="autoplay"> 
     <source src="inc/WEB_MASTER.mp4" type="video/mp4"> 
     <source src="inc/WEB_MASTER_ios.m4v" type="video/mp4"> 
     Your browser does not support the video tag. 
    </video> 

當我通過我的iPhone加載頁面的視頻開始播放,但它並沒有在部分播放的網站,而不是iPhone全屏播放視頻。我如何強制iPhone在網站上的相應區域播放視頻?

謝謝。

+1

我認爲這是不可能的iPhone/iPod,只能在iPad上使用 – jcesarmobile 2013-03-17 10:45:28

回答

-2

這個問題是在這裏找到答案: HTML5 inline video on iPhone vs iPad/Browser

就在WebKit的playsinline屬性添加到視頻標籤。在作品的iOS 4.0及更高版本:

<video id="player" width="120" height="60" webkit-playsinline> 

這裏是webkit-playsinline的官方文檔。

+2

這僅適用於原生iOS應用程序中的UIWebView,它不適用於iOS Safari。 – Soviut 2013-12-03 21:56:14

0

iPhone和iPod似乎只是唯一的設備/瀏覽器,強制全屏視頻播放在Safari(和應用程序,利用它的未修改的WebView的)由模擬回放

可以解決此問題撇號視頻而不是實際上.play()'它。

我寫了一個模塊,它利用照顧播放視頻內嵌,並同步到音頻(但它也適用於視頻沒有音軌):iphone-inline-video