build all packages

packages/artplayer/src/player/attrInit.js

@@ -1,13 +1,13 @@
-import { clamp } from '../utils';
+import { clamp, setStyle } from '../utils';
 
 export default function attrInit(art, player) {
     const {
         option,
         storage,
-        template: { $video },
+        template: { $video, $poster },
     } = art;
 
-    Object.keys(option.moreVideoAttr).forEach(key => {
+    Object.keys(option.moreVideoAttr).forEach((key) => {
         $video[key] = option.moreVideoAttr[key];
     });
 
@@ -25,7 +25,8 @@ export default function attrInit(art, player) {
     }
 
     if (option.poster) {
-        $video.poster = option.poster;
+        // $video.poster = option.poster;
+        setStyle($poster, 'backgroundImage', `url(${option.poster})`);
     }
 
     if (option.autoplay) {

packages/artplayer/src/player/eventInit.js

@@ -1,11 +1,11 @@
 import config from '../config';
-import { sleep, addClass } from '../utils';
+import { sleep, addClass, setStyle } from '../utils';
 
 export default function eventInit(art, player) {
     const {
         option,
         events: { proxy },
-        template: { $player, $video },
+        template: { $player, $video, $poster },
         i18n,
         notice,
     } = art;
@@ -105,6 +105,7 @@ export default function eventInit(art, player) {
 
     art.on('video:play', () => {
         art.mask.show = false;
+        setStyle($poster, 'display', 'none');
     });
 
     art.on('video:playing', () => {