demo.css 896 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. body {
  2. display: block;
  3. width: 100%;
  4. margin-left: auto;
  5. margin-right: auto;
  6. }
  7. @media screen and (min-width: 1152px) {
  8. .mainContainer {
  9. display: block;
  10. width: 400px;
  11. text-align: left;
  12. }
  13. }
  14. .video-container {
  15. position: relative;
  16. margin-top: 8px;
  17. }
  18. .video-container:before {
  19. display: block;
  20. content: "";
  21. width: 100%;
  22. padding-bottom: 56.25%;
  23. }
  24. .video-container > div {
  25. position: absolute;
  26. top: 0;
  27. left: 0;
  28. right: 0;
  29. bottom: 0;
  30. }
  31. .video-container video {
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .centeredVideo {
  36. display: block;
  37. width: 100%;
  38. height: 100%;
  39. margin-left: auto;
  40. margin-right: auto;
  41. margin-bottom: auto;
  42. }
  43. .allcontrols {
  44. width: 960px;
  45. margin-left: auto;
  46. margin-right: auto;
  47. }
  48. .controls {
  49. display: block;
  50. width: 100%;
  51. text-align: left;
  52. margin-left: auto;
  53. margin-right: auto;
  54. margin-top: 8px;
  55. margin-bottom: 10px;
  56. }