github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/video.html (about) 1 {% extends "base.html" %} 2 3 {% block css %} 4 <!--[if IE 7]> 5 <link rel="stylesheet" type="text/css" href="/css/ie7.css" /> 6 <![endif]--> 7 <link rel="stylesheet" type="text/css" href="/css/lib.css"> 8 <link rel="stylesheet" type="text/css" href="/font/css/font-awesome.min.css" /> 9 <link rel="stylesheet" type="text/css" href="/css/app.css"> 10 {% endblock css %} 11 12 {% block js %} 13 <script type="text/javascript" src="/js/lib.js"></script> 14 <script type="text/javascript" src="/js/app.js"></script> 15 <script> 16 function jsDateDiff(publishTime){ 17 var d_minutes,d_hours,d_days; 18 var timeNow = parseInt(new Date().getTime()/1000); 19 var d; 20 d = timeNow - publishTime; 21 d_days = parseInt(d/86400); 22 d_hours = parseInt(d/3600); 23 d_minutes = parseInt(d/60); 24 25 if(d_days>0 && d_days<4){ 26 return d_days+" 天前"; 27 }else if(d_days<=0 && d_hours>0){ 28 return d_hours+" 小时前"; 29 }else if(d_hours<=0 && d_minutes>0){ 30 return d_minutes+" 分钟前"; 31 }else{ 32 var s = new Date(publishTime*1000); 33 // s.getFullYear()+"年"; 34 return (s.getMonth()+1)+" 月"+s.getDate()+" 日"; 35 } 36 } 37 38 function getUnixTime(dateStr) 39 { 40 var newstr = dateStr.replace(/-/g,'/'); 41 var date = new Date(newstr); 42 var time_str = date.getTime().toString(); 43 return time_str.substr(0, 10); 44 } 45 </script> 46 {% endblock js %} 47 48 {% block danmaku %} 49 <link rel="stylesheet" type="text/css" href="/libs/video-js/video-js.min.css"> 50 <script src="/libs/video-js/video.js">/*video.js must be in the <head> for older IEs to work.*/</script> 51 <script src="/libs/video-js/videojs-playlists.js"></script> 52 53 <script src="/libs/CommentCoreLibrary/CommentCoreLibrary.js"></script> 54 <script src="/libs/CommentCoreLibrary/parsers/BilibiliFormat.js"></script> 55 56 <link rel="stylesheet" type="text/css" href="/libs/video-js/danmaku4vjs/danmaku4vjs.css"> 57 <script src="/libs/video-js/danmaku4vjs/danmaku4vjs.js"></script> 58 59 <script type="text/javascript"> 60 videojs.options.flash.swf = "/libs/video-js/video-js.swf"; 61 window.addEventListener("load",function(){ 62 window.thevideojs = videojs("video"); 63 thevideojs.ABP(); 64 thevideojs.danmu.load("1.xml"); 65 }); 66 </script> 67 {% endblock danmaku %} 68 69 {% block content %} 70 <div id="content" class="col-md-12"> 71 <div class="box"> 72 <div class="cell first breadcrumb last"> 73 <a href="/">优姬</a> <i class="fa fa-caret-right"></i> 74 <a class="tag" href="/node/10/">视频</a> 75 76 </div> 77 78 <div class="post-show"> 79 <div class="cell first"> 80 81 <div class="avatar pull-right"> 82 <a href="/user/amoydavid/" title="amoydavid"> 83 84 <img class="large" src="http://yougam.qiniudn.com/2014-9-7-002238D2A8DCEC46B45144.jpg?imageView/2/w/100/h/100/q/100"></a> 85 </div> 86 87 <h1 class="post-title">弹幕播放器研究中...</h1> 88 89 <div class="post-meta"> 90 91 <span class="post-span votes"> 92 <a href="javascript:void(0);" onclick="javascript:$.get('/touch/like/topic/571/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;$('#score-571').html(data);});" class="vote"> <i class="fa fa-chevron-up"></i> 93 </a> 94 95 <a href="javascript:" onclick="javascript:$.get('/touch/hate/topic/571/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;$('#score-571').html(data);});" class="vote"> 96 <i class="fa fa-chevron-down"></i> 97 </a> 98 <span class="badge" id="score-571">3</span> 99 分 • 100 </span> 101 102 <a href="/user/insion/">insion</a> 103 • 104 <a class="tag" href="/node/10/">分享创造</a> 105 • 106 <span class="last-reply"> 107 最后回复来自 108 <a href="/user/532430036/">532430036</a> 109 • 110 </span> 111 112 <span class="time"> 113 <script>document.write(jsDateDiff(getUnixTime("2014-09-25 18:30:36")));document.close();</script> 114 9 小时前 • 115 </span> 116 117 <span class="topic-views">20 次点击</span> 118 <script type="text/javascript"> 119 $.get("/touch/view/topic/571/?ver="+(new Date()).valueOf(), function(data){ 120 $(".topic-views").html(data+" 次点击"); 121 }); 122 </script> 123 124 </div> 125 </div> 126 127 <div class="cell last" style="border-bottom-left-radius:0px;border-bottom-right-radius:0px;"> 128 <div class="post-content"> 129 <video id="video" class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width="auto" height="380" poster="/business/codingnet-500x120-2014-7-30to2015-1-30.jpg"> 130 <!--source src="http://218.26.231.133/69729DE0F9439773207F24A97/030002010053FC144ABEBB194164E21BE586DB-11F9-C77D-4F70-01F64C4F8289.flv" type="video/x-flv"/--> 131 </video> 132 133 <button type="button" data-action="prev">Previous</button> 134 <button type="button" data-action="next">Next</button> 135 <script> 136 var videos = [ 137 {{VideoTags("[video]http://v.youku.com/v_show/id_XODI3OTg2NTI4.html[/video]")|safe}} 138 ]; 139 var player = videojs('video'); 140 player.playList(videos, { 141 getVideoSource: function(vid, cb) { 142 cb(vid.src, vid.poster); 143 } 144 }); 145 $('[data-action=prev]').on('click', function(e) { 146 player.prev(); 147 }); 148 $('[data-action=next]').on('click', function(e) { 149 player.next(); 150 }); 151 </script> 152 </div> 153 <span class="clearfix"></span> 154 </div> 155 156 <div class="holdbar"> 157 <div class="pull-left"> 158 <a class="btn btn-mini" href="javascript:" onclick="javascript:$.get('/touch/favorite/topic/571/?ver='+(new Date()).valueOf(), {Action:'get'}, function (data, textStatus){this;$('#favorite-571').html(' • '+data+' 人收藏');});" style="margin-right:1em;">收藏话题</a> 159 160 </div> 161 <div class="pull-right" style="line-height:26px; text-shadow: 0px 1px 0px #fff;"> 162 <span class="topic-views">20 次点击</span> 163 <script type="text/javascript"> 164 $.get("/touch/view/topic/571/?ver="+(new Date()).valueOf(), function(data){ 165 $(".topic-views").html(data+" 次点击"); 166 }); 167 </script> 168 <span> 169 <span id="favorite-571"></span> 170 </span> 171 </div> 172 <div style="clear: both;"></div> 173 </div> 174 175 </div> 176 177 </div> 178 179 <div class="box post-comments" data-user="ifik"> 180 <div class="cell first breadcrumb"> 181 总共 2 回复 182 <span class="time" style="margin-left:.5em;padding-left:.5em;border-left:1px solid #ccc;"> 183 直到 184 <script>document.write(jsDateDiff(getUnixTime("2014-09-25 18:53:58")));document.close();</script> 185 9 小时前 186 </span> 187 188 </div> 189 190 <div id="reply622" class="cell comment" data-user="ADA" data-user-nick="ADA" data-floor="622"> 191 192 <div class="avatar"> 193 <a href="/user/ADA/"> 194 195 <img src="http://yougam.qiniudn.com/2014-9-18-1844441AF306D44C824646.jpg?imageView/2/w/100/h/100/q/100"></a> 196 </div> 197 <div class="content"> 198 <div class="meta"> 199 <a href="/user/ADA/">ADA</a> 200 201 <span class="time"> 202 <script>document.write(jsDateDiff(getUnixTime("2014-09-25 18:34:35")));document.close();</script> 203 9 小时前 204 </span> 205 206 <span class="pull-right"> 207 <a rel="comment-reply" href="javascript:" style="text-decoration:none;"> 208 <img src="/img/reply.png" width="20px" height="16px" alt="回复"></a> 209 <a href="#reply622" class="badge" style="width:24px;height:16px;">1</a> 210 </span> 211 </div> 212 <div class="markdown"> 213 214 <p>这样会不会很慢，貌似那个才1m带宽，跳转也不给力吧。。而且，不怕查么？</p> 215 216 </div> 217 </div> 218 <span class="clearfix"></span> 219 </div> 220 221 <div id="reply626" class="cell last comment" data-user="532430036" data-user-nick="532430036" data-floor="626"> 222 223 <div class="avatar"> 224 <a href="/user/532430036/"> 225 226 <img src="http://yougam.qiniudn.com/2014-9-6-0340376B3BAAE70986B330.jpg?imageView/2/w/100/h/100/q/100"></a> 227 </div> 228 <div class="content"> 229 <div class="meta"> 230 <a href="/user/532430036/">532430036</a> 231 232 <span class="time"> 233 <script>document.write(jsDateDiff(getUnixTime("2014-09-25 18:53:58")));document.close();</script> 234 9 小时前 235 </span> 236 237 <span class="pull-right"> 238 <a rel="comment-reply" href="javascript:" style="text-decoration:none;"> 239 <img src="/img/reply.png" width="20px" height="16px" alt="回复"></a> 240 <a href="#reply626" class="badge" style="width:24px;height:16px;">2</a> 241 </span> 242 </div> 243 <div class="markdown"> 244 245 <p>我关心的是备案是不是蛋疼的要等寄送布幕，要不要又另外掏钱等等烦人的事。</p> 246 247 </div> 248 </div> 249 <span class="clearfix"></span> 250 </div> 251 252 </div> 253 254 <div class="box"> 255 <div class="cell first last"> 256 257 <form id="post-reply" method="POST" action="/subject/571/comment/"> 258 <div id="md-editor" class="markdown-editor" data-savekey="post/comment"> 259 260 <div class="form-group"> 261 <div class="btn-toolbar md-toolbar" role="toolbar"> 262 263 <div class="btn-group"> 264 <button type="button" class="btn btn-default md-btn" data-meta="image" data-placement="bottom" id="pickfiles" data-original-title="" title="" style="z-index: 1;"> 265 <i class="icon-picture"></i> 266 </button> 267 </div> 268 <div class="btn-group"> 269 <button type="button" class="btn btn-default md-btn disabled" data-meta="undo"> 270 <div class="icon-rotate-left"></div> 271 </button> 272 <button type="button" class="btn btn-default md-btn disabled" data-meta="redo"> 273 <i class="icon-rotate-right"></i> 274 </button> 275 </div> 276 </div> 277 <div class="md-textarea"> 278 <div class="textcomplete-wrapper" style="position: relative; display: block;"> 279 <ul class="dropdown-menu" style="position: absolute; top: 0px; left: 0px; z-index: 100; display: none;"></ul> 280 <div class="textcomplete-wrapper" style="position: relative; display: block;"> 281 <ul class="dropdown-menu" style="position: absolute; top: 0px; left: 0px; z-index: 100; display: none;"></ul> 282 <textarea id="CommentForm-Message" name="comment" rows="5" class="form-control" style="overflow: hidden; word-wrap: break-word; resize: none; height: 122px;"></textarea> 283 </div> 284 </div> 285 286 </div> 287 </div> 288 289 </div> 290 <div class="form-group"> 291 <button class="btn btn-primary"> 292 回复 293 <i class="icon-chevron-sign-right"></i> 294 </button> 295 <span class="pull-right">请尽量让自己的回复能够对别人有帮助</span> 296 <div id="uploadbox" class="control-group" style="display:none;"> 297 <style type="text/css"> 298 .filePrew { 299 display: block; 300 position: absolute; 301 top: 0; 302 left: 0; 303 width: 200px; 304 font-size: 100px; 305 /* 增大不同浏览器的可点击区域 */ 306 opacity: 0; 307 /* 实现的关键点 */ 308 } 309 .col-md-12{overflow:hidden;padding:0;} 310 .table{margin:0;} 311 .infoWrapper{display: none;} 312 </style> 313 <script> 314 function removem(mkey){ 315 str=document.getElementById("imgs").value; 316 var strs= new Array(); 317 strs=str.split(","); 318 imgs=""; 319 for (i=0;i<strs.length;i++){ 320 if (strs[i]!=mkey && strs[i]!=""){ 321 if (imgs!=""){ 322 imgs=strs[i]+","+imgs; 323 }else{ 324 imgs=strs[i]; 325 } 326 } 327 } 328 if (imgs==""){ 329 imgs=","; 330 } 331 332 document.getElementById("imgs").value =imgs; 333 334 var node =document.getElementById("n"+mkey); 335 node.parentNode.removeChild(node); 336 } 337 </script> 338 <div class="controls"> 339 <input type="hidden" id="imgs" name="images" value=""> 340 <input type="hidden" id="domain" value="http://yougam.qiniudn.com/"> 341 <input type="hidden" id="uptoken_url" value="/api/sign4qiniu/"> 342 <div id="container" style="margin-top: 1em; position: relative;"> 343 <div id="html5_192n667jl6qk1p0hs3g1qg61f7v3_container" class="moxie-shim moxie-shim-html5" style="position: absolute; top: 673px; left: 201px; width: 37px; height: 36px; overflow: hidden; z-index: 0;"> 344 <input id="html5_192n667jl6qk1p0hs3g1qg61f7v3" type="file" style="font-size: 999px; opacity: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;" multiple="" accept=""></div> 345 </div> 346 <div class="span11" style="padding-top:1em;margin-left:0;clear:both;"> 347 <div id="success" style="display:none;"> 348 <div class="alert-success" style="padding:1em;">全部文件上传完毕..</div> 349 </div> 350 <div class="col-md-12"> 351 <table class="table table-striped table-hover text-left" style="margin-top:0;display:none;"> 352 <thead> 353 <tr> 354 <th class="col-md-4" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">文件</th> 355 <th class="col-md-3" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">尺寸</th> 356 <th class="col-md-5" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">详情</th> 357 </tr> 358 </thead> 359 <tbody id="fsUploadProgress"></tbody> 360 </table> 361 </div> 362 </div> 363 364 </div> 365 </div> 366 <script type="text/javascript" src="/libs/plupload-2.1.2/js/plupload.full.min.js"></script> 367 <script type="text/javascript" src="/libs/plupload-2.1.2/js/i18n/zh_CN.js"></script> 368 <script type="text/javascript" src="/libs/qiniu-js-sdk-master/src/qiniu.js"></script> 369 <script type="text/javascript" src="/js/ui.js"></script> 370 <script type="text/javascript" src="/js/settings4qiniu.js"></script> 371 372 </div> 373 </form> 374 375 </div> 376 </div> 377 378 <script type="text/javascript"> 379 (function($){ 380 $.postPage(); 381 })(jQuery); 382 </script> 383 <span class="clearfix"></span> 384 </div> 385 {% endblock content %} 386 387 {% block sidebar %} 388 {% endblock sidebar %}