1プラグのないビデオについて-in、クリックして視聴します
2クロスプラットフォーム、簡単なアップグレード、優れたメンテナンス、開発コストはネイティブアプリのコストよりもはるかに低い
3適切なサポート、サポートジェスチャー、ローカルストレージ、ビデオの継続性など、H5を介してWebサイトを移動できます。
4つの簡潔なコード、より良い相互作用
5サポートゲーム開発
2。html5ビデオを再生しますPC側はまだFlashで再生されますが、モバイル端末はHTML5によって行われます。
HTML5ビデオタグは、MP4、WebM、およびOGGの3つの形式のみをサポートしています。
H.264はビデオ市場の80％を占めています。モバイルアプリケーションのビデオが264形式にコンパイルすることをお勧めする場合、優れた高圧縮率と高品質の品質があります。
H.264は、Advanced Video Coding（AVC）のパート10が共同で策定した新しいデジタルビデオコーディング標準です。したがって、MPEG-4 AVC、MPEG-4パート10、またはISO/IEC 14496-10であろうと、H.264を指します。
3。HTML5コードデモ<！ src = javascript/jsplayer.js> </script> <scrc = javascript/dtooltip-min.js> </script> <link href = css/playcss？ text/javascript browserredirect（）{var snignt = navigator.userages.tolowercase（）; iPhone OS; /ucweb/i）== ucweb; /Windows Mobile）== Windows（bisandroid）{document.tyle.display = block .tyle.display（c） = none.getElementbyid（d） ; document.getElementbyid（a）.display = none（c）.display = none;} ）style.display = none.getElementByid（b）。 documen.getElementbyid（a）.style.display = none（b）.style.display = none; ;} $（document）.ready（）er（700,500、myvideo）;}）;/script> <head> <title>テストモバイルターミナル</title> </head> <body> <body> <div id = a> < P>これはAndroid電話です</p> </div> <div id = b> <p>これはアップル携帯電話です</p> </div> <div id = c> <p>これはiPad </ p> </div> <Div ID = D> <P>これはコンピューターです<div class = playcontent> <div class = playscreen> <ビデオID = myVideo> <source src = movie/th264.mp4 type = video/mp4> </video> </div> <div class> <div id = Origin class = arial> 00:00 </div> <div class = line> <div class = isplayline> <div class = currentcircle> </div> </div> </div> <div id = duration class = arial> </div> </div> <div class = playbar s> <div class = prevbar> <img src = image/prev.jpg border = 0 id = prev> </div> <div class = startbar> < img src = images/stop.jpg border = 0 id = imgstatus> </div> <div class = nextbar> <img src = img src = mext.jpg border = 0 id = next> </div> <div class = voicecontent > <div class = voice> <img src = images/v oice.jpg id = bueicimg border = 0> </div> <div class = voiceline> <div class = voicekuai> </div> </div> </ div> <！ - プレーヤーコードの終了 - > </div> </body> </html>上記は、この記事のすべての内容です。