mmjs-core
Version:
mmjs-core hooks component vue
2 lines (1 loc) • 1.53 kB
CSS
.video-player-wrapper[data-v-d341adb0]{position:relative;width:100%;height:100%;display:flex;flex-direction:column}.video-container[data-v-d341adb0]{width:100%;height:100%}.video-js[data-v-d341adb0]{width:100%;height:100%;transform:translateZ(0);backface-visibility:hidden;perspective:1000;will-change:transform;background-color:#000;padding-top:0;height:100%}.bandwidth-dialog[data-v-d341adb0]{position:fixed;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;top:20px;overflow:auto}.dialog-content[data-v-d341adb0]{background-color:#2d2d2d;padding:20px;border-radius:8px;max-width:400px;color:#fff}.dialog-content h3[data-v-d341adb0]{margin-top:0;text-align:center}.bandwidth-options[data-v-d341adb0]{display:flex;flex-direction:column;gap:10px;margin:20px 0}.bandwidth-options button[data-v-d341adb0]{padding:10px;border:1px solid #444;background:#333;color:#fff;border-radius:4px;cursor:pointer;text-align:left}.bandwidth-options button[data-v-d341adb0]:hover{background:#444}.bandwidth-options button.active[data-v-d341adb0]{background:#1976d2;border-color:#1976d2}.floating-controls[data-v-d341adb0]{position:absolute;bottom:35px;right:11px;z-index:100;mix-blend-mode:difference}.floating-controls .control-btn[data-v-d341adb0]{border-radius:50%;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;opacity:.5}.floating-controls .control-btn[data-v-d341adb0]:hover{opacity:1;transform:scale(1.1)}