1 Über das Video ohne Stecker -in klicken, um sie anzusehen
2 Cross -Plattform, einfaches Upgrade, gute Wartung, Entwicklungskosten sind viel niedriger als die der nativen App
3 Für gute Unterstützung, Unterstützung von Gesten, lokalen Speicher- und Video -Kontinuität usw. können Sie Ihre Website über H5 verschieben.
4 Weitere prägnante Code, bessere Interaktion
5 Support Game Development
2. HTML5 Video abspielenDie PC -Seite wird immer noch in Flash gespielt, aber das mobile Terminal wird von HTML5 durchgeführt.
Das HTML5 -Video -Tag unterstützt nur drei Formate: MP4, Webm und OGG.
H.264 hat 80%des Videomarktes besetzt. Wenn mobile Anwendungsvideos empfohlen werden, in 264 Formate zu kompilieren, gibt es ein gutes Verhältnis mit hohem Kompression und Qualität von hoher Qualität.
H.264 ist ein neuer digitaler Video -Codierungsstandard, der von den beiden Organisationen gemeinsam formuliert wurde. Unabhängig davon, ob es sich um MPEG-4 AVC, MPEG-4 Teil 10 oder ISO/IEC 14496-10 handelt, bezieht es sich auf H.264.
3. HTML5 -Code -Demo<! src = javaScript/JSPlayer.js> </script> <script src = javaScript/dtooltip-min.js> </script> <link href = css/playcss? Text/javaScript> function browseredirect () {var snignt = navigator.userages.tolowerCase (); iPhone OS; /ucweb/i) == ucweb; /Windows Mobile/i) == Windows Mobile; = Keine; ; ) .Style.Display = Keine; documen.getElementById (a) .Style.Display = none; ;} $ (Dokument) .Ready () er (700.500, myvideo);});/script> <ceit> <title> Test Mobile Terminals </title> </head> <body> <div id = a> < p> Dies ist ein Android -Telefon </p> </div> <div id = b> <p> Dies ist Apple Mobile Phone </p> </div> <div id = c> <p> Dies ist iPad </ p> </div> <div id = d> <p> Dies ist ein Computer. <div class = PlayContent> <div class = Playscreen> <Video id = myvideo> <source src = move/th264.mp4 type = Video/mp4> </Video> </div> <div class = prolines> <div = Origin Class = Arial> 00:00 </div> <div class = line> <div class = iSSpleLine> <div class = currentCircle> </div> </div> </div> <div id = duration class = Arial> </div> </div> <div class = PlayBar S> <div class = prevbar> <img src = bilder/prev.jpg border = 0 id = prev> </div> <div class = startbar> < img src = bilder/stop.jpg border = 0 id = imgStatus> </div> <div class = nextBar> <img src = bilder/next.jpg border = 0 id = next> </div> <div class = voicecontent > <Div class = voice> <img src = bilder/v oice.jpg id = voiceimg border = 0> </div> <div class = voiceline> <div class = VoiceKuai> </div> </div> </ Div> <!-Das Spielercodeend-> </div> </body> </html>
Das oben genannte ist der Inhalt dieses Artikels.