瀏覽代碼

Revert "Fix object-fit: cover not supported for video"

This reverts commit db0c4e95f7.
j8
yanas 8 年之前
父節點
當前提交
d3dd643a88
共有 1 個文件被更改,包括 5 次插入8 次删除
  1. 5
    8
      css/videolayout_default.css

+ 5
- 8
css/videolayout_default.css 查看文件

40
     background-color: black;
40
     background-color: black;
41
     background-size: contain;
41
     background-size: contain;
42
     border-radius:1px;
42
     border-radius:1px;
43
-    /**
44
-     * Some browsers don't have full support of the object-fit property for the
45
-     * video element and when we set video object-fit to "cover" the video
46
-     * actually overflows the boundaries of its container, so it's important
47
-     * to indicate that the "overflow" should be hidden.
48
-     */
49
-    overflow: hidden;
50
     border: 1px solid #212425;
43
     border: 1px solid #212425;
44
+    /*margin-right: 1px;*/
51
 }
45
 }
52
 
46
 
47
+/*#remoteVideos .videocontainer:hover,*/
53
 #remoteVideos .videocontainer.videoContainerFocused {
48
 #remoteVideos .videocontainer.videoContainerFocused {
54
     cursor: hand;
49
     cursor: hand;
50
+    /* transform:scale(1.08, 1.08);
51
+    -webkit-transform:scale(1.08, 1.08); */
55
     transition-duration: 0.5s;
52
     transition-duration: 0.5s;
56
     -webkit-transition-duration: 0.5s;
53
     -webkit-transition-duration: 0.5s;
57
     -webkit-animation-name: greyPulse;
54
     -webkit-animation-name: greyPulse;
58
     -webkit-animation-duration: 2s;
55
     -webkit-animation-duration: 2s;
59
     -webkit-animation-iteration-count: 1;
56
     -webkit-animation-iteration-count: 1;
57
+    overflow: visible !important;
60
 }
58
 }
61
 
59
 
62
 #remoteVideos .videocontainer:hover {
60
 #remoteVideos .videocontainer:hover {
84
     cursor: hand;
82
     cursor: hand;
85
     border-radius:1px;
83
     border-radius:1px;
86
     object-fit: cover;
84
     object-fit: cover;
87
-    overflow: hidden;
88
 }
85
 }
89
 
86
 
90
 .flipVideoX {
87
 .flipVideoX {

Loading…
取消
儲存