1 À propos de la vidéo sans plug -in, cliquez pour regarder
2 Plate-forme croisée, mise à niveau facile, bonne maintenance, coût de développement est beaucoup plus faible que celle de l'application native
3 Pour un bon support, des gestes de support, le stockage local et la continuité vidéo, etc., vous pouvez déplacer votre site Web via H5.
4 Code plus concis, meilleure interaction
5 Development de jeu de soutien
2. Html5 lire la vidéoLe côté PC est toujours joué dans Flash, mais le terminal mobile est réalisé par HTML5.
La balise vidéo HTML5 ne prend en charge que trois formats: MP4, WebM et OGG.
H.264 a occupé 80% du marché vidéo. Si une vidéo d'application mobile est recommandée pour compiler en 264 formats, il existe un bon rapport de compression élevé et une qualité élevée.
H.264 est une nouvelle norme de codage vidéo numérique formulé conjointement par les deux organisations établies conjointement. Par conséquent, que ce soit MPEG-4 AVC, MPEG-4 partie 10 ou ISO / IEC 14496-10, il se réfère à H.264.
3. Demo de code HTML5 <! src = javascript / jsplayer.js> </ script> <script src = javascript / dtooltip-min.js> </ script> <link href = css / playcss? Texte / JavaScript> Fonction BrowserDirect () {var snignnt = Navigator.Userages.TolowerCase (); iPhone OS; / ucweb / i) == ucweb; / Windows Mobile / I) == Windows Mobile; = Aucune; ; ) .style.display = Aucune; documen.getElementByid (a) .style.display = aucun; ;} $ (document) .ready () er (700,500, myvideo);}); / script> <adread> <Title> Tester les terminaux mobiles </title> </ad> <body> <div id = a> < P> Il s'agit d'un téléphone Android </p> </div> <div id = b> <p> Il s'agit d'un téléphone mobile Apple </p> </div> <div id = c> <p> Ceci est iPad </ P> </ div> <div id = d> <p> Il s'agit d'un ordinateur. <div class = playContent> <div class = playscreen> <vidéo id = myvideo> <source src = film / th264.mp4 type = video / mp4> </ video> </div> <div class = prolines> <div id = Origin Class = Arial> 00:00 </div> <div class = line> <div class = isplayline> <div class = currentCircle> </div> </div> </div> <div id = durée class = Arial> </ div> </ div> <div class = playbar s> <div class = prevbar> <img src = images / 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 = images / next.jpg border = 0 id = next> </ div> <div class = voiceContent > <Div class = Voice> <img src = images / v oice.jpg id = vocalg border = 0> </ div> <div class = voiceline> <div class = Voicekuai> </div> </ div> </ Div> <! - La fin du code du joueur -> </div> </ body> </html>Ce qui précède est tout le contenu de cet article.