videos_info.html 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>《初见》响应式个人博客模板</title>
  6. <meta name="keywords" content="个人博客,个人网站,个人博客模板,个人网站模板" />
  7. <meta name="description" content="《初见》响应式个人博客模板是由前端设计师杨青青(www.qingqingblog.com)于2021年5月份设计完成的,模板主要展示个人博客、相册、视频、介绍等功能。" />
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <link href="css/base.css" rel="stylesheet">
  10. <link href="css/m.css" rel="stylesheet">
  11. <script src="js/jquery-3.6.0.min.js" ></script>
  12. <script src="js/comm.js"></script>
  13. <script src="js/open.js"></script>
  14. </head>
  15. <body>
  16. <header>
  17. <div class="box">
  18. <div class="logo"><a href="/"><img src="images/logo.png" alt="logo"></a></div>
  19. <div class="ad_top"><a href="/"><img src="images/ad01.jpg" alt="广告"></a></div>
  20. <div class="contact_icon">
  21. <ul>
  22. <li><a href="http://wpa.qq.com/msgrd?v=3&uin=476847113&site=qq&menu=yes"><i class="icon_qq"></i></a></li>
  23. <li><a href="tel:186491309**"><i class="icon_tel"></i></a></li>
  24. <li><a href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=476847113@qq.com" target="_blank"><i class="icon_email"></i></a></li>
  25. <li><i class="icon_weixin"><img src="images/wx.png" alt="微信号:476847113"></i></li>
  26. </ul>
  27. </div>
  28. <div class="clear"></div>
  29. <nav>
  30. <ul id="starlist">
  31. <li><a href="index.html">网站首页</a></li>
  32. <li><a href="blog.html">博文日记</a></li>
  33. <li class="menu"><a href="#">所有内容</a>
  34. <ul class="sub">
  35. <li><a href="blog_info.html">文章内容</a></li>
  36. <li><a href="photos_info.html">相册内容</a></li>
  37. <li><a href="videos_info.html">视频内容</a></li>
  38. <li><a href="page_info.html">单页内容</a></li>
  39. </ul>
  40. <span></span></li>
  41. <li><a href="photos.html">我的相册<i></i></a></li>
  42. <li><a href="videos.html">我的视频</a></li>
  43. <li><a href="about.html">个人简历</a></li>
  44. </ul><h2 id="mnavh"><span class="navicon"></span></h2>
  45. <div class="is-search"> <i></i> </div>
  46. <div class="search-page">
  47. <div class="search_box">
  48. <div class="go-left"></div>
  49. <div class="search">
  50. <form action="http://zhuanti.ip3q.com/e/search/index.php" method="post" name="searchform" id="searchform">
  51. <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
  52. <input name="show" value="title" type="hidden">
  53. <input name="tempid" value="1" type="hidden">
  54. <input name="tbname" value="news" type="hidden">
  55. <input name="Submit" class="input_submit" value="搜索" type="submit">
  56. </form>
  57. </div>
  58. </div>
  59. </div>
  60. <!--search end-->
  61. </nav>
  62. </div>
  63. </header>
  64. <div class="ph_margin"></div>
  65. <div class="play_box">
  66. <div class="box">
  67. <div class="play_content">
  68. <div class="play_video">
  69. <video controls height="450" id="ecmsvideoid" width="100%" webkit-playsinline playsinline x5-playsinline x-webkit-airplay="allow">
  70. <source src="images/v03.mp4" />
  71. </video>
  72. </div>
  73. <div class="play_info">
  74. <section>
  75. <h1>盛世(电视剧《骊歌行》片头曲伴奏 -陆虎) </h1>
  76. <p class="play_click">热度:2945</p>
  77. <p class="play_time">时间:2021年4月16日</p>
  78. <p class="play_about" id="content">简介:许凯和李一桐主演的古装大剧《骊歌行》,从筹备到开播,一直以来都备受关注和期待,而电视剧播出后也是非常成功的,故事剧情和场景布置都非常的精彩唯美,而演员们的表现。</p>
  79. <div class="play_tags"><a href="/" target="_blank">普通话</a><a href="/" target="_blank">电视剧</a><a href="/" target="_blank">片头曲</a><a href="/" target="_blank">《骊歌行》</a></div>
  80. <div class="diggit"> <a href="javascript:;" onclick="up()"> 很赞哦! (<b id="diggnum">3</b>)</a> </div>
  81. </section>
  82. </div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="clear"></div>
  87. <div class="box">
  88. <h2 class="h_title">相关推荐</h2>
  89. <div class="all_videos">
  90. <ul>
  91. <li><a href="/" target="_blank"><i><img src="images/01.jpg" alt=""></i>
  92. <p>因为路过,所以珍惜</p>
  93. <span>已有 3790 人观看</span></a></li>
  94. <li><a href="/" target="_blank"><i><img src="images/02.jpg" alt=""></i>
  95. <p>不惊艳才长久</p>
  96. <span>已有 3790 人观看</span></a></li>
  97. <li><a href="/" target="_blank"><i><img src="images/03.jpg" alt=""></i>
  98. <p>出场靠后,优势更大</p>
  99. <span>已有 3790 人观看</span></a></li>
  100. <li><a href="/" target="_blank"><i><img src="images/04.jpg" alt=""></i>
  101. <p>海蛎子的生存哲学</p>
  102. <span>已有 3790 人观看</span></a></li>
  103. <li><a href="/" target="_blank"><i><img src="images/05.jpg" alt=""></i>
  104. <p>孤男寡女其实是一种“浪费”</p>
  105. <span>已有 3790 人观看</span></a></li>
  106. <li><a href="/" target="_blank"><i><img src="images/06.jpg" alt=""></i>
  107. <p>残缺的身体,不妨碍我拥有完美人生</p>
  108. <span>已有 3790 人观看</span></a></li>
  109. <li><a href="/" target="_blank"><i><img src="images/01.jpg" alt=""></i>
  110. <p>因为路过,所以珍惜</p>
  111. <span>已有 3790 人观看</span></a></li>
  112. <li><a href="/" target="_blank"><i><img src="images/02.jpg" alt=""></i>
  113. <p>不惊艳才长久</p>
  114. <span>已有 3790 人观看</span></a></li>
  115. </ul>
  116. </div>
  117. </div>
  118. <footer>
  119. <div class="box">
  120. <ul class="footer_nav">
  121. <li><a href="/" target="_blank">网站地图</a></li>
  122. <li><a href="all_list.html" target="_blank">所有文章</a></li>
  123. <li><a href="tags.html" target="_blank">标签合集</a></li>
  124. <li><a href="/" target="_blank">访问统计</a></li>
  125. </ul>
  126. <div class="guanzhu_img"><i><img src="images/wx.png" alt="微信:4768447113">微信号</i> <i><img src="images/wxgzh.jpg" alt="微信:4768447113">微信公众号</i></div>
  127. <div class="copyright">
  128. <p>杨青青个人博客网站 版权所有 </p>
  129. <p>Copyright © <a href="https://www.qingqingblog.com/" target="_blank">www.qingqingblog.com</a> All Rights Reserved.</p>
  130. <p>备案号:<a href="http://www.beian.miit.gov.cn/" target="_blank">津ICP备20005778号-1</a><i class="ga"><img src="images/ga.png" alt="公安备案号"></i>津公网安备 12011602000448 号</p>
  131. </div>
  132. </div>
  133. </footer>
  134. <a href="#" title="返回顶部" class="icon-top"></a>
  135. </body>
  136. </html>
  137. <script>
  138. function up()
  139. {
  140. var url = $('#diggnum').attr('data-url');
  141. var v = parseInt($('#diggnum').html());
  142. $.post(url, {}, function(t) {
  143. $('#diggnum').html(v+1);
  144. })
  145. }
  146. </script>