iphone上，手動、自動、視窗化等問題

iphone視窗化

解決方案：

通過canvas + video標籤結合處理

原理： 獲取video的原圖幀，通過canavs繪製到頁面。

我們一般在蘋果上在網頁中點選視訊以後就會出現這樣的情況:

它是預設全屏的 有時候設計可能需要我們只是讓它呈現在網頁中的一小部分播放而不是全屏。

當我們做了處理以後就如下圖一樣:

是不是很神奇.....

實現方法：http://stackoverflow.com/questions/3699552/html5-inline-video-on-iphone-vs-ipad-browser；

githup地址:https://github.com/newshorts/InlineVideo;

基本上你把githup的地址程式碼拷貝下來看一看html裡的程式碼，你就會用了。

這個是基於jq的所以要先引入jq.還有它的兩個js。下載下來的程式碼裡都有，自己看看就會了，廢話不多說。

html:

<video width="320" height="200" controls playsinline webkit-playsinline>
<source src="video/15s.mp4">
</video>

js:

var FrameRates = {
film: 24,
NTSC : 29.97,
NTSC_Film: 23.98,

debug = true;