video.html 4.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  2. "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5. <title></title>
  6. <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  7. <script type="text/javascript" src="../internal.js"></script>
  8. <link rel="stylesheet" type="text/css" href="video.css" />
  9. </head>
  10. <body>
  11. <div class="wrapper">
  12. <div id="videoTab">
  13. <div id="tabHeads" class="tabhead">
  14. <span tabSrc="video" class="focus" data-content-id="video"><var id="lang_tab_insertV"></var></span>
  15. <span tabSrc="upload" data-content-id="upload"><var id="lang_tab_uploadV"></var></span>
  16. </div>
  17. <div id="tabBodys" class="tabbody">
  18. <div id="video" class="panel focus">
  19. <table><tr><td><label for="videoUrl" class="url"><var id="lang_video_url"></var></label></td><td><input id="videoUrl" type="text"></td></tr></table>
  20. <div id="preview"></div>
  21. <div id="videoInfo">
  22. <fieldset>
  23. <legend><var id="lang_video_size"></var></legend>
  24. <table>
  25. <tr><td><label for="videoWidth"><var id="lang_videoW"></var></label></td><td><input class="txt" id="videoWidth" type="text"/></td></tr>
  26. <tr><td><label for="videoHeight"><var id="lang_videoH"></var></label></td><td><input class="txt" id="videoHeight" type="text"/></td></tr>
  27. </table>
  28. </fieldset>
  29. <fieldset>
  30. <legend><var id="lang_alignment"></var></legend>
  31. <div id="videoFloat"></div>
  32. </fieldset>
  33. </div>
  34. </div>
  35. <div id="upload" class="panel">
  36. <div id="upload_left">
  37. <div id="queueList" class="queueList">
  38. <div class="statusBar element-invisible">
  39. <div class="progress">
  40. <span class="text">0%</span>
  41. <span class="percentage"></span>
  42. </div><div class="info"></div>
  43. <div class="btns">
  44. <div id="filePickerBtn"></div>
  45. <div class="uploadBtn"><var id="lang_start_upload"></var></div>
  46. </div>
  47. </div>
  48. <div id="dndArea" class="placeholder">
  49. <div class="filePickerContainer">
  50. <div id="filePickerReady"></div>
  51. </div>
  52. </div>
  53. <ul class="filelist element-invisible">
  54. <li id="filePickerBlock" class="filePickerBlock"></li>
  55. </ul>
  56. </div>
  57. </div>
  58. <div id="uploadVideoInfo">
  59. <fieldset>
  60. <legend><var id="lang_upload_size"></var></legend>
  61. <table>
  62. <tr><td><label><var id="lang_upload_width"></var></label></td><td><input class="txt" id="upload_width" type="text"/></td></tr>
  63. <tr><td><label><var id="lang_upload_height"></var></label></td><td><input class="txt" id="upload_height" type="text"/></td></tr>
  64. </table>
  65. </fieldset>
  66. <fieldset>
  67. <legend><var id="lang_upload_alignment"></var></legend>
  68. <div id="upload_alignment"></div>
  69. </fieldset>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. <!-- jquery -->
  76. <script type="text/javascript" src="../../third-party/jquery-1.10.2.min.js"></script>
  77. <!-- webuploader -->
  78. <script type="text/javascript" src="../../third-party/webuploader/webuploader.min.js"></script>
  79. <link rel="stylesheet" type="text/css" href="../../third-party/webuploader/webuploader.css">
  80. <!-- video -->
  81. <script type="text/javascript" src="video.js"></script>
  82. </body>
  83. </html>