l-vue3-video
Version:
基于vue3的video组件使用于MP4,m3u8,rtmp修改初始化版本
2 lines (1 loc) • 10.4 kB
CSS
@charset "UTF-8";[data-v-b3c9874b] .Refresh{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkEAYAAAAgckkXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF8WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDIwLTEyLTExVDEwOjMzOjM4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyMC0xMi0xMVQxMTowMjo1NCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyMC0xMi0xMVQxMTowMjo1NCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0YWJiY2YyYi03ODcwLTRiZWUtOTQ1Mi00OTBjMzU0YzUwNjciIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmMWIwN2U5OC1kMzdkLWQwNDUtYjIzMC00MWZjM2UxOGM2ZDQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplODVmYTE0Zi1kOGMzLTRjNjQtOWVkNi0zNDUyMmMxOGNkNWUiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmU4NWZhMTRmLWQ4YzMtNGM2NC05ZWQ2LTM0NTIyYzE4Y2Q1ZSIgc3RFdnQ6d2hlbj0iMjAyMC0xMi0xMVQxMDozMzozOCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0YWJiY2YyYi03ODcwLTRiZWUtOTQ1Mi00OTBjMzU0YzUwNjciIHN0RXZ0OndoZW49IjIwMjAtMTItMTFUMTE6MDI6NTQrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5bXW0xAAAU10lEQVR4nO1de2BNV/Y+OYJ6jEfqp14l03pTVFHtUNJi8BNtvYciDPWMR1vGFGW002LEjGj04Vl0iKgOKS1SUrSejTDjWdUwqvVKqXdw7vyxvpOw5eSevfe59557s79/vtzsc/ZZ95yz7l577bXWDvN4PB6PR1NQUMgFeqAFUFBwM5SCKCjkAaUgCgp5QCmIgkIeCNcMzdCMQIsRrAg/TFyuKXFEOeLSx4hLbCIusoG4aCrxHfww3RhLfHkq8cU+xL/0J75Qhvj8RSelVrCP8EAL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) center center/100% 100% no-repeat ;background-size:100% 100% ;cursor:pointer}[data-v-b3c9874b] .vjs-paused .vjs-big-play-button,.vjs-paused.vjs-has-started .vjs-big-play-button[data-v-b3c9874b]{display:block}[data-v-b3c9874b] .video-js .vjs-big-play-button{font-size:2.5em;line-height:2.3em;height:2.5em;width:2.5em;-webkit-border-radius:2.5em;-moz-border-radius:2.5em;border-radius:2.5em;background-color:#73859f;background-color:#73859f80;border-width:.15em;margin-top:-1.25em;margin-left:-1.75em}[data-v-b3c9874b] .vjs-big-play-button .vjs-icon-placeholder{font-size:1.63em}[data-v-b3c9874b] .vjs-loading-spinner{font-size:2.5em;width:2em;height:2em;border-radius:1em;margin-top:-1em;margin-left:-1.5em}[data-v-b3c9874b] .myVideoBig-dimensions.vjs-fluid{padding-top:0}.videoBox[data-v-b3c9874b]{width:100%;height:100%;position:relative}.videoConnet[data-v-b3c9874b]{width:100%;height:100%}.Masking[data-v-b3c9874b]{width:100%;height:100%;background:#000;z-index:99999;position:absolute}