正在显示
3 个修改的文件
包含
57 行增加
和
33 行删除
| @@ -65,39 +65,47 @@ | @@ -65,39 +65,47 @@ | ||
| 65 | height: 1rem; | 65 | height: 1rem; |
| 66 | } | 66 | } |
| 67 | 67 | ||
| 68 | - #video::-internal-media-controls-download-button { | ||
| 69 | - display: none; | 68 | + video::-moz-media-controls-enclosure { |
| 69 | + overflow: hidden; | ||
| 70 | } | 70 | } |
| 71 | 71 | ||
| 72 | - #video::-moz-media-controls-enclosure { | 72 | + video::-ms-media-controls-enclosure { |
| 73 | overflow: hidden; | 73 | overflow: hidden; |
| 74 | } | 74 | } |
| 75 | 75 | ||
| 76 | - #video::-ms-media-controls-enclosure { | 76 | + video::-o-media-controls-enclosure { |
| 77 | overflow: hidden; | 77 | overflow: hidden; |
| 78 | } | 78 | } |
| 79 | 79 | ||
| 80 | - #video::-o-media-controls-enclosure { | 80 | + video::-webkit-media-controls-enclosure { |
| 81 | overflow: hidden; | 81 | overflow: hidden; |
| 82 | } | 82 | } |
| 83 | 83 | ||
| 84 | - #video::-webkit-media-controls-enclosure { | ||
| 85 | - overflow: hidden; | 84 | + video::-webkit-media-controls-panel { |
| 85 | + width: calc(100% + 0.3rem); | ||
| 86 | } | 86 | } |
| 87 | 87 | ||
| 88 | - #video::-webkit-media-controls-panel { | 88 | + video::-moz-media-controls-panel { |
| 89 | width: calc(100% + 0.3rem); | 89 | width: calc(100% + 0.3rem); |
| 90 | } | 90 | } |
| 91 | 91 | ||
| 92 | - #video::-moz-media-controls-panel { | 92 | + video::-ms-media-controls-panel { |
| 93 | width: calc(100% + 0.3rem); | 93 | width: calc(100% + 0.3rem); |
| 94 | } | 94 | } |
| 95 | 95 | ||
| 96 | - #video::-ms-media-controls-panel { | 96 | + video::-o-media-controls-panel { |
| 97 | width: calc(100% + 0.3rem); | 97 | width: calc(100% + 0.3rem); |
| 98 | } | 98 | } |
| 99 | 99 | ||
| 100 | - #video::-o-media-controls-panel { | 100 | + video::-internal-media-controls-download-button { |
| 101 | + display: none; | ||
| 102 | + } | ||
| 103 | + | ||
| 104 | + video::-media-controls-enclosure { | ||
| 105 | + overflow: hidden; | ||
| 106 | + } | ||
| 107 | + | ||
| 108 | + video::-media-controls-panel { | ||
| 101 | width: calc(100% + 0.3rem); | 109 | width: calc(100% + 0.3rem); |
| 102 | } | 110 | } |
| 103 | </style> | 111 | </style> |
| @@ -52,39 +52,47 @@ | @@ -52,39 +52,47 @@ | ||
| 52 | height: 100%; | 52 | height: 100%; |
| 53 | } | 53 | } |
| 54 | 54 | ||
| 55 | - #video::-internal-media-controls-download-button { | ||
| 56 | - display: none; | 55 | + video::-moz-media-controls-enclosure { |
| 56 | + overflow: hidden; | ||
| 57 | } | 57 | } |
| 58 | 58 | ||
| 59 | - #video::-moz-media-controls-enclosure { | 59 | + video::-ms-media-controls-enclosure { |
| 60 | overflow: hidden; | 60 | overflow: hidden; |
| 61 | } | 61 | } |
| 62 | 62 | ||
| 63 | - #video::-ms-media-controls-enclosure { | 63 | + video::-o-media-controls-enclosure { |
| 64 | overflow: hidden; | 64 | overflow: hidden; |
| 65 | } | 65 | } |
| 66 | 66 | ||
| 67 | - #video::-o-media-controls-enclosure { | 67 | + video::-webkit-media-controls-enclosure { |
| 68 | overflow: hidden; | 68 | overflow: hidden; |
| 69 | } | 69 | } |
| 70 | 70 | ||
| 71 | - #video::-webkit-media-controls-enclosure { | ||
| 72 | - overflow: hidden; | 71 | + video::-webkit-media-controls-panel { |
| 72 | + width: calc(100% + 0.3rem); | ||
| 73 | } | 73 | } |
| 74 | 74 | ||
| 75 | - #video::-webkit-media-controls-panel { | 75 | + video::-moz-media-controls-panel { |
| 76 | width: calc(100% + 0.3rem); | 76 | width: calc(100% + 0.3rem); |
| 77 | } | 77 | } |
| 78 | 78 | ||
| 79 | - #video::-moz-media-controls-panel { | 79 | + video::-ms-media-controls-panel { |
| 80 | width: calc(100% + 0.3rem); | 80 | width: calc(100% + 0.3rem); |
| 81 | } | 81 | } |
| 82 | 82 | ||
| 83 | - #video::-ms-media-controls-panel { | 83 | + video::-o-media-controls-panel { |
| 84 | width: calc(100% + 0.3rem); | 84 | width: calc(100% + 0.3rem); |
| 85 | } | 85 | } |
| 86 | 86 | ||
| 87 | - #video::-o-media-controls-panel { | 87 | + video::-internal-media-controls-download-button { |
| 88 | + display: none; | ||
| 89 | + } | ||
| 90 | + | ||
| 91 | + video::-media-controls-enclosure { | ||
| 92 | + overflow: hidden; | ||
| 93 | + } | ||
| 94 | + | ||
| 95 | + video::-media-controls-panel { | ||
| 88 | width: calc(100% + 0.3rem); | 96 | width: calc(100% + 0.3rem); |
| 89 | } | 97 | } |
| 90 | </style> | 98 | </style> |
| @@ -50,39 +50,47 @@ | @@ -50,39 +50,47 @@ | ||
| 50 | height: 3.34rem; | 50 | height: 3.34rem; |
| 51 | } | 51 | } |
| 52 | 52 | ||
| 53 | - #video::-internal-media-controls-download-button { | ||
| 54 | - display: none; | 53 | + video::-moz-media-controls-enclosure { |
| 54 | + overflow: hidden; | ||
| 55 | } | 55 | } |
| 56 | 56 | ||
| 57 | - #video::-moz-media-controls-enclosure { | 57 | + video::-ms-media-controls-enclosure { |
| 58 | overflow: hidden; | 58 | overflow: hidden; |
| 59 | } | 59 | } |
| 60 | 60 | ||
| 61 | - #video::-ms-media-controls-enclosure { | 61 | + video::-o-media-controls-enclosure { |
| 62 | overflow: hidden; | 62 | overflow: hidden; |
| 63 | } | 63 | } |
| 64 | 64 | ||
| 65 | - #video::-o-media-controls-enclosure { | 65 | + video::-webkit-media-controls-enclosure { |
| 66 | overflow: hidden; | 66 | overflow: hidden; |
| 67 | } | 67 | } |
| 68 | 68 | ||
| 69 | - #video::-webkit-media-controls-enclosure { | ||
| 70 | - overflow: hidden; | 69 | + video::-webkit-media-controls-panel { |
| 70 | + width: calc(100% + 0.3rem); | ||
| 71 | } | 71 | } |
| 72 | 72 | ||
| 73 | - #video::-webkit-media-controls-panel { | 73 | + video::-moz-media-controls-panel { |
| 74 | width: calc(100% + 0.3rem); | 74 | width: calc(100% + 0.3rem); |
| 75 | } | 75 | } |
| 76 | 76 | ||
| 77 | - #video::-moz-media-controls-panel { | 77 | + video::-ms-media-controls-panel { |
| 78 | width: calc(100% + 0.3rem); | 78 | width: calc(100% + 0.3rem); |
| 79 | } | 79 | } |
| 80 | 80 | ||
| 81 | - #video::-ms-media-controls-panel { | 81 | + video::-o-media-controls-panel { |
| 82 | width: calc(100% + 0.3rem); | 82 | width: calc(100% + 0.3rem); |
| 83 | } | 83 | } |
| 84 | 84 | ||
| 85 | - #video::-o-media-controls-panel { | 85 | + video::-internal-media-controls-download-button { |
| 86 | + display: none; | ||
| 87 | + } | ||
| 88 | + | ||
| 89 | + video::-media-controls-enclosure { | ||
| 90 | + overflow: hidden; | ||
| 91 | + } | ||
| 92 | + | ||
| 93 | + video::-media-controls-panel { | ||
| 86 | width: calc(100% + 0.3rem); | 94 | width: calc(100% + 0.3rem); |
| 87 | } | 95 | } |
| 88 | </style> | 96 | </style> |
-
请 注册 或 登录 后发表评论