camera_video.html 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"/>
  6. <meta name="HandheldFriendly" content="true"/>
  7. <meta name="MobileOptimized" content="320"/>
  8. <title>Hello H5+</title>
  9. <script type="text/javascript" src="../js/common.js"></script>
  10. <script type="text/javascript">
  11. var v=null;
  12. function loadMedia( src ) {
  13. v.src = src;
  14. v.play();
  15. }
  16. function videoFinished() {
  17. back();
  18. }
  19. function videoError(e) {
  20. switch (e.target.error.code) {
  21. case e.target.error.MEDIA_ERR_ABORTED:
  22. alert('You aborted the video playback.');
  23. break;
  24. case e.target.error.MEDIA_ERR_NETWORK:
  25. alert('A network error caused the video download to fail part-way.');
  26. break;
  27. case e.target.error.MEDIA_ERR_DECODE:
  28. alert('The video playback was aborted due to a corruption problem or because the video used features your browser did not support.');
  29. break;
  30. case e.target.error.MEDIA_ERR_SRC_NOT_SUPPORTED:
  31. alert('The video could not be loaded, either because the server or network failed or because the format is not supported.');
  32. break;
  33. default:
  34. alert('An unknown error occurred.');
  35. break;
  36. }
  37. plus.nativeUI.alert( "无效的视频资源", function(){
  38. back();
  39. } );
  40. }
  41. function init() {
  42. v = document.getElementById("video");
  43. //v.onended = videoFinished;
  44. }
  45. </script>
  46. <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/>
  47. </head>
  48. <body style="text-align:center;background:#DDDDDD;" onload="init();">
  49. <div style="width:100%;height:100%;display:table;" onclick="back();">
  50. <div style="display:table-cell;vertical-align:middle;">
  51. <video id="video" style="width:100%;" autoplay controls onerror="videoError(event);"></video>
  52. </div>
  53. </div>
  54. </body>
  55. </html>