video.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  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
  15. id="lang_tab_insertV"></var></span> <span tabSrc="upload"
  16. data-content-id="upload"><var id="lang_tab_uploadV"></var></span>
  17. </div>
  18. <div id="tabBodys" class="tabbody">
  19. <div id="video" class="panel focus">
  20. <table>
  21. <tr>
  22. <td><label for="videoUrl" class="url"><var
  23. id="lang_video_url"></var></label></td>
  24. <td><input id="videoUrl" type="text"></td>
  25. </tr>
  26. </table>
  27. <div id="preview"></div>
  28. <div id="videoInfo">
  29. <fieldset>
  30. <legend>
  31. <var id="lang_video_size"></var>
  32. </legend>
  33. <table>
  34. <tr>
  35. <td><label for="videoWidth"><var id="lang_videoW"></var></label></td>
  36. <td><input class="txt" id="videoWidth" type="text" /></td>
  37. </tr>
  38. <tr>
  39. <td><label for="videoHeight"><var id="lang_videoH"></var></label></td>
  40. <td><input class="txt" id="videoHeight" type="text" /></td>
  41. </tr>
  42. </table>
  43. </fieldset>
  44. <fieldset>
  45. <legend>
  46. <var id="lang_alignment"></var>
  47. </legend>
  48. <div id="videoFloat"></div>
  49. </fieldset>
  50. </div>
  51. </div>
  52. <div id="upload" class="panel">
  53. <div id="upload_left">
  54. <div id="queueList" class="queueList">
  55. <div class="statusBar element-invisible">
  56. <div class="progress">
  57. <span class="text">0%</span> <span class="percentage"></span>
  58. </div>
  59. <div class="info"></div>
  60. <div class="btns">
  61. <div id="filePickerBtn"></div>
  62. <div class="uploadBtn">
  63. <var id="lang_start_upload"></var>
  64. </div>
  65. </div>
  66. </div>
  67. <div id="dndArea" class="placeholder">
  68. <div class="filePickerContainer">
  69. <div id="filePickerReady"></div>
  70. </div>
  71. </div>
  72. <ul class="filelist element-invisible">
  73. <li id="filePickerBlock" class="filePickerBlock"></li>
  74. </ul>
  75. </div>
  76. </div>
  77. <div id="uploadVideoInfo">
  78. <fieldset>
  79. <legend>
  80. <var id="lang_upload_size"></var>
  81. </legend>
  82. <table>
  83. <tr>
  84. <td><label><var id="lang_upload_width"></var></label></td>
  85. <td><input class="txt" id="upload_width" type="text" /></td>
  86. </tr>
  87. <tr>
  88. <td><label><var id="lang_upload_height"></var></label></td>
  89. <td><input class="txt" id="upload_height" type="text" /></td>
  90. </tr>
  91. </table>
  92. </fieldset>
  93. <fieldset>
  94. <legend>
  95. <var id="lang_upload_alignment"></var>
  96. </legend>
  97. <div id="upload_alignment"></div>
  98. </fieldset>
  99. </div>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <!-- jquery -->
  105. <script type="text/javascript"
  106. src="../../third-party/jquery-1.10.2.min.js"></script>
  107. <!-- webuploader -->
  108. <script type="text/javascript"
  109. src="../../third-party/webuploader/webuploader.min.js"></script>
  110. <link rel="stylesheet" type="text/css"
  111. href="../../third-party/webuploader/webuploader.css">
  112. <!-- video -->
  113. <script type="text/javascript" src="video.js"></script>
  114. </body>
  115. </html>