Нет описания

video_01.html 1.2KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="yes" name="apple-mobile-web-app-capable">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
  7. <title>使用方法</title>
  8. <link rel="stylesheet" type="text/css" href="public/public_css.css"/>
  9. <script type="text/javascript" src="public/public.js"></script>
  10. <style type="text/css">
  11. body{
  12. width: 100%;
  13. }
  14. .liveplayer {
  15. position: absolute;
  16. top: 0;
  17. left: 0;
  18. right: 0;
  19. bottom: 0;
  20. }
  21. video {
  22. width: 100%;
  23. }
  24. .btn-div {
  25. width: 100%;
  26. height: 100%;
  27. position: fixed;
  28. top: 0;
  29. bottom: 0;
  30. right: 0;
  31. left: 0;
  32. margin: auto;
  33. display: flex;
  34. justify-content: center;
  35. align-items: center;
  36. }
  37. .btn{
  38. width: 1rem;
  39. height: 1rem;
  40. }
  41. .btn img{
  42. width: 100%;
  43. height: 100%;
  44. }
  45. </style>
  46. </head>
  47. <body>
  48. <div class="liveplayer">
  49. <video controls poster="video/liedou_shiyongfangfa.jpg">
  50. <source src="video/shiyongfangfa.mp4" type="video/mp4">
  51. </video>
  52. </div>
  53. </body>
  54. </html>