index.css 548 B

1234567891011121314151617181920212223242526272829303132333435363738
  1. .video-message {}
  2. .video-box {
  3. width: 160px;
  4. height: 120px;
  5. background-color: rgba(0, 0, 0, 0.2);
  6. border-radius: 10px 2px 10px 10px;
  7. display: flex;
  8. justify-content: center;
  9. align-items: center;
  10. position: relative;
  11. overflow: hidden;
  12. }
  13. .my-video {
  14. border-radius: 10px 2px 10px 10px;
  15. }
  16. .icon {
  17. position: absolute;
  18. bottom: 30px;
  19. right: 30px;
  20. }
  21. .poster{
  22. width: 100%;
  23. height: 100%;
  24. position: absolute;
  25. left: 0;
  26. right: 0;
  27. z-index: 1;
  28. }
  29. .video-icon {
  30. position: relative;
  31. z-index: 10;
  32. display: block;
  33. width: 32px;
  34. height: 32px;
  35. }