update artplayer-plugin-control

This commit is contained in:
Harvey Zack committed 2023-04-23 16:09:03 +08:00
1 parent 2824b69174
commit 71199d7d0e
5 files changed
+8 -5

No files matched your search

@@ -187,7 +187,7 @@ function artplayerPluginControl() {
exports.default = artplayerPluginControl;
artplayerPluginControl.env = "development";
artplayerPluginControl.version = "2.0.0";
artplayerPluginControl.build = "2023-04-23 10:16:27";
artplayerPluginControl.build = "2023-04-23 16:07:42";
if (typeof document !== "undefined") {
if (!document.getElementById("artplayer-plugin-control")) {
const $style = document.createElement("style");
@@ -199,7 +199,7 @@ if (typeof document !== "undefined") {
if (typeof window !== "undefined") window["artplayerPluginControl"] = artplayerPluginControl;
},{"bundle-text:./style.less":"cLvfB","@parcel/transformer-js/src/esmodule-helpers.js":"5dUr6"}],"cLvfB":[function(require,module,exports) {
module.exports = ".artplayer-plugin-control .apa-control-current, .artplayer-plugin-control .apa-control-duration {\n display: flex;\n}\n\n.artplayer-plugin-control .art-control-time, .artplayer-plugin-control .art-controls-center {\n display: none;\n}\n\n.artplayer-plugin-control .art-settings {\n bottom: 85px;\n}\n\n.artplayer-plugin-control .art-bottom {\n height: 70px;\n width: 400px;\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n background-color: #000000b3;\n background-image: none;\n border-radius: 10px;\n align-items: center;\n margin-left: -200px;\n inset: auto auto 10px 50%;\n overflow: visible;\n box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n width: 70%;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n width: 15%;\n justify-content: center;\n font-size: 12px;\n line-height: 1;\n display: flex;\n position: absolute;\n top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n right: 0;\n}\n\n.apa-control-current, .apa-control-duration {\n display: none;\n}\n\n";
module.exports = ".artplayer-plugin-control {\n --art-control-height: 46px;\n --art-control-icon-scale: 1.1;\n}\n\n.artplayer-plugin-control .apa-control-current, .artplayer-plugin-control .apa-control-duration {\n display: flex;\n}\n\n.artplayer-plugin-control .art-control-time, .artplayer-plugin-control .art-controls-center {\n display: none;\n}\n\n.artplayer-plugin-control .art-settings {\n bottom: 85px;\n}\n\n.artplayer-plugin-control .art-bottom {\n height: 70px;\n width: 400px;\n -webkit-backdrop-filter: saturate(180%) blur(20px);\n backdrop-filter: saturate(180%) blur(20px);\n background-color: #000000b3;\n background-image: none;\n border-radius: 10px;\n align-items: center;\n margin-left: -200px;\n inset: auto auto 10px 50%;\n overflow: visible;\n box-shadow: 0 10px 15px -3px #0003, 0 4px 6px -4px #0003;\n}\n\n.artplayer-plugin-control .art-bottom .art-progress {\n width: 70%;\n}\n\n.artplayer-plugin-control .art-bottom .art-controls {\n width: 100%;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current, .artplayer-plugin-control .art-bottom .apa-control-duration {\n width: 15%;\n justify-content: center;\n font-size: 12px;\n line-height: 1;\n display: flex;\n position: absolute;\n top: 10px;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-current {\n left: 0;\n}\n\n.artplayer-plugin-control .art-bottom .apa-control-duration {\n right: 0;\n}\n\n.apa-control-current, .apa-control-duration {\n display: none;\n}\n\n";
},{}],"5dUr6":[function(require,module,exports) {
exports.interopDefault = function(a) {
@@ -1,4 +1,7 @@
.artplayer-plugin-control {
--art-control-height: 46px;
--art-control-icon-scale: 1.1;
.apa-control-current,
.apa-control-duration {
display: flex;
@@ -6,7 +6,7 @@
▶ Run Code
</div>
```js{18-21,25}
```js{18,23}
function playMpd(video, url, art) {
if (dashjs.supportsMediaSource()) {
if (art.dash) art.dash.destroy();
@@ -6,7 +6,7 @@
▶ Run Code
</div>
```js{19-22,26}
```js{19,24}
function playFlv(video, url, art) {
if (flvjs.isSupported()) {
if (art.flv) art.flv.destroy();
@@ -6,7 +6,7 @@
▶ Run Code
</div>
```js{21-24,28}
```js{21,26}
function playM3u8(video, url, art) {
if (Hls.isSupported()) {
if (art.hls) art.hls.destroy();