fix: the icon of CMedia cannot be screenshot

src/assets/w-material.svg

@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 34 34" style="enable-background:new 0 0 34 34;" xml:space="preserve">
+<style type="text/css">
+	.st0{display:none;}
+	.st1{display:inline;}
+</style>
+<g class="st0">
+	<path class="st1" d="M26,3.4H8c-2.8,0-5,2.2-5,5v18c0,2.8,2.2,5,5,5h18c2.8,0,5-2.2,5-5v-18C31,5.6,28.8,3.4,26,3.4z M29,26.4
+		c0,1.6-1.3,3-3,3H8c-1.6,0-3-1.4-3-3v-18c0-1.7,1.4-3,3-3h18c1.7,0,3,1.3,3,3V26.4z"/>
+	<path class="st1" d="M26.6,25.4c-0.2,0.1-0.3,0.1-0.5,0.1c-0.4,0-0.7-0.2-0.9-0.5l-3.7-6.3l-1.6,2.8l2.1,3.7
+		c0.3,0.5,0.1,1.1-0.4,1.4c-0.2,0.1-0.3,0.1-0.5,0.1c-0.3,0-0.7-0.2-0.9-0.5L17.9,22l-3.3-5.8l-5.8,10c-0.3,0.5-0.9,0.6-1.4,0.4
+		c-0.5-0.3-0.6-0.9-0.4-1.4l5.8-10c0.4-0.6,1-1,1.7-1c0.7,0,1.4,0.4,1.7,1l2.5,4.3l1.1-1.8c0.4-0.6,1-1,1.7-1c0.7,0,1.4,0.4,1.7,1
+		l3.6,6.3C27.2,24.5,27,25.1,26.6,25.4z"/>
+	<circle class="st1" cx="20" cy="10.4" r="2"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M15.3,23.4c-0.5,0-1-0.1-1.5-0.4c-0.9-0.5-1.5-1.5-1.5-2.6v-6.1c0-1.1,0.6-2.1,1.5-2.6c0.9-0.5,2.1-0.5,3,0
+		l5.3,3c0.9,0.5,1.5,1.5,1.5,2.6c0,1.1-0.6,2.1-1.5,2.6l-5.3,3C16.3,23.3,15.8,23.4,15.3,23.4z M15.3,13.4c-0.2,0-0.4,0.1-0.5,0.1
+		c-0.2,0.1-0.5,0.3-0.5,0.9v6.1c0,0.5,0.3,0.8,0.5,0.9c0.2,0.1,0.6,0.3,1,0l5.3-3c0.5-0.3,0.5-0.7,0.5-0.9c0-0.2,0-0.6-0.5-0.9
+		l-5.3-3C15.6,13.4,15.5,13.4,15.3,13.4z"/>
+	<path class="st1" d="M26,3.4H8c-2.8,0-5,2.2-5,5v18c0,2.8,2.2,5,5,5h18c2.8,0,5-2.2,5-5v-18C31,5.6,28.8,3.4,26,3.4z M29,26.4
+		c0,1.6-1.3,3-3,3H8c-1.6,0-3-1.4-3-3v-18c0-1.7,1.4-3,3-3h18c1.7,0,3,1.3,3,3v2h-3c-0.5,0-1,0.4-1,1c0,0.5,0.5,1,1,1h3v2h-3
+		c-0.5,0-1,0.4-1,1c0,0.5,0.5,1,1,1h3v2h-3c-0.5,0-1,0.4-1,1c0,0.5,0.5,1,1,1h3v2h-3c-0.5,0-1,0.4-1,1c0,0.5,0.5,1,1,1h3V26.4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M26,3.4H8c-2.8,0-5,2.2-5,5v18c0,2.8,2.2,5,5,5h18c2.8,0,5-2.2,5-5v-18C31,5.6,28.8,3.4,26,3.4z M29,26.4
+		c0,1.6-1.3,3-3,3H8c-1.6,0-3-1.4-3-3v-18c0-1.7,1.4-3,3-3h18c1.7,0,3,1.3,3,3V26.4z"/>
+	<path class="st1" d="M25,10.4c0,0.5-0.4,1-1,1h-6v13c0,0.5-0.4,1-1,1c-0.5,0-1-0.5-1-1v-13h-6c-0.5,0-1-0.5-1-1c0-0.6,0.5-1,1-1h14
+		C24.6,9.4,25,9.8,25,10.4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M26,3.4H8c-2.8,0-5,2.2-5,5v18c0,2.8,2.2,5,5,5h18c2.8,0,5-2.2,5-5v-18C31,5.6,28.8,3.4,26,3.4z M29,26.4
+		c0,1.6-1.3,3-3,3H8c-1.6,0-3-1.4-3-3v-18c0-1.7,1.4-3,3-3h18c1.7,0,3,1.3,3,3V26.4z"/>
+	<path class="st1" d="M24,9.4c0,0.5-0.4,1-1,1h-5v9c0,0.5-0.4,1-1,1c-0.5,0-1-0.5-1-1v-9h-5c-0.5,0-1-0.5-1-1c0-0.6,0.5-1,1-1h12
+		C23.6,8.4,24,8.8,24,9.4z"/>
+	<path class="st1" d="M26,22.4c0,0.5-0.4,1-1,1H11.6l1.1,1.1c0.4,0.4,0.4,1,0,1.4c-0.2,0.2-0.5,0.3-0.7,0.3c-0.2,0-0.5-0.1-0.7-0.3
+		l-2.8-2.8c-0.2-0.2-0.3-0.4-0.3-0.7s0.1-0.5,0.3-0.7l2.8-2.8c0.4-0.4,1-0.4,1.4,0c0.2,0.2,0.3,0.5,0.3,0.7s-0.1,0.5-0.3,0.7
+		l-1.1,1.1H25C25.6,21.4,26,21.8,26,22.4z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M12.3,23.4c-0.5,0-1-0.1-1.5-0.4c-0.9-0.5-1.5-1.5-1.5-2.6v-6.1c0-1.1,0.6-2.1,1.5-2.6c0.9-0.5,2.1-0.5,3,0
+		l5.3,3c0.9,0.5,1.5,1.5,1.5,2.6c0,1.1-0.6,2.1-1.5,2.6l-5.3,3C13.3,23.3,12.8,23.4,12.3,23.4z M12.3,13.4c-0.2,0-0.4,0.1-0.5,0.1
+		c-0.2,0.1-0.5,0.3-0.5,0.9v6.1c0,0.5,0.3,0.8,0.5,0.9c0.2,0.1,0.6,0.3,1,0l5.3-3c0.5-0.3,0.5-0.7,0.5-0.9c0-0.2,0-0.6-0.5-0.9
+		l-5.3-3C12.6,13.4,12.5,13.4,12.3,13.4z"/>
+	<path class="st1" d="M30.8,9.9c-1-0.5-2.1-0.5-3.1,0.1l-1.5,1c-0.2-2.6-2.4-4.6-5-4.6h-14c-2.8,0-5,2.2-5,5v12c0,2.8,2.2,5,5,5h14
+		c2.6,0,4.8-2,5-4.6l1.5,1c0.5,0.3,1,0.5,1.6,0.5c0.5,0,1-0.1,1.5-0.4c1-0.5,1.6-1.5,1.6-2.6v-9.7C32.4,11.4,31.8,10.5,30.8,9.9z
+		 M24.3,23.4c0,1.7-1.3,3-3,3h-14c-1.6,0-3-1.3-3-3v-12c0-1.6,1.4-3,3-3h14c1.7,0,3,1.4,3,3V23.4z M30.4,22.2c0,0.5-0.4,0.8-0.5,0.9
+		c-0.2,0.1-0.6,0.2-1,0l-2.6-1.6v-8.1l2.6-1.7c0.5-0.3,0.9-0.1,1,0c0.2,0.1,0.5,0.3,0.5,0.9V22.2z"/>
+</g>
+<g class="st0">
+	<path class="st1" d="M17,2.4c-8.3,0-15,6.7-15,15c0,8.3,6.7,15,15,15c8.3,0,15-6.7,15-15C32,9.1,25.3,2.4,17,2.4z M17,30.4
+		c-7.2,0-13-5.8-13-13c0-7.2,5.8-13,13-13c7.2,0,13,5.8,13,13C30,24.5,24.2,30.4,17,30.4z"/>
+	<path class="st1" d="M26,17.4c0,0.5-0.4,1-1,1h-8c-0.5,0-1-0.5-1-1v-10c0-0.6,0.5-1,1-1c0.6,0,1,0.4,1,1v9h7
+		C25.6,16.4,26,16.8,26,17.4z"/>
+</g>
+<path class="st0" d="M28.1,7.3c-0.5-0.5-0.9-1-1.5-1.4c-1.8-1.5-3.8-2.5-6.1-3.1c-1.1-0.3-2.2-0.4-3.4-0.4H17
+	c-1.2,0-2.3,0.1-3.4,0.4c-2.3,0.6-4.4,1.6-6.1,3.1C6.9,6.3,6.4,6.8,6,7.3C3.5,9.9,2,13.5,2,17.4c0,3.9,1.5,7.5,3.9,10.1
+	c0.5,0.5,0.9,1,1.5,1.4c1.8,1.5,3.8,2.5,6.1,3.1c1.1,0.3,2.2,0.4,3.4,0.4h0.1c1.2,0,2.3-0.1,3.4-0.4c2.3-0.5,4.4-1.6,6.1-3.1
+	c0.5-0.4,1-0.9,1.5-1.4c2.5-2.7,3.9-6.2,3.9-10.1C32,13.5,30.6,9.9,28.1,7.3z M14.3,4.7c-1.1,1.1-2,2.3-2.8,3.7
+	C10.7,8,9.9,7.6,9.1,7.1C10.6,5.9,12.4,5.1,14.3,4.7z M7.6,8.5c0.9,0.6,2,1.2,3,1.6c-0.9,1.9-1.4,4-1.5,6.3h-5
+	C4.3,13.3,5.6,10.6,7.6,8.5z M4.1,18.4h5c0.1,2.2,0.6,4.3,1.5,6.3c-1.1,0.4-2.1,1-3,1.6C5.6,24.2,4.3,21.4,4.1,18.4z M9.1,27.7
+	c0.8-0.5,1.6-0.9,2.4-1.2c0.8,1.3,1.7,2.6,2.8,3.6C12.4,29.7,10.6,28.8,9.1,27.7z M16,29c-1-0.9-1.9-2-2.6-3.2
+	c0.8-0.2,1.7-0.4,2.6-0.4V29z M16,23.4c-1.2,0.1-2.4,0.3-3.6,0.6c-0.8-1.7-1.3-3.6-1.4-5.6h5V23.4z M16,16.4h-5
+	c0.1-2,0.6-3.9,1.4-5.6c1.1,0.3,2.3,0.5,3.6,0.6V16.4z M16,9.3c-0.9,0-1.8-0.2-2.6-0.4c0.7-1.2,1.6-2.2,2.6-3.2V9.3z M30,16.4h-5
+	c-0.1-2.2-0.6-4.3-1.5-6.3c1.1-0.4,2.1-1,3-1.6C28.5,10.6,29.8,13.3,30,16.4z M25,7.1c-0.8,0.5-1.6,0.9-2.4,1.2
+	c-0.8-1.3-1.7-2.6-2.8-3.7C21.7,5.1,23.5,5.9,25,7.1z M18,5.8c1,0.9,1.9,2,2.6,3.2c-0.8,0.2-1.7,0.3-2.6,0.4V5.8z M18,11.4
+	c1.2-0.1,2.4-0.3,3.6-0.6c0.8,1.7,1.3,3.6,1.4,5.6h-5V11.4z M18,18.4h5c-0.1,2-0.6,3.9-1.4,5.6c-1.1-0.3-2.3-0.5-3.6-0.6V18.4z
+	 M18,25.4c0.9,0,1.8,0.2,2.6,0.4C19.9,27,19,28.1,18,29V25.4z M19.8,30.1c1.1-1.1,2-2.3,2.8-3.6c0.9,0.3,1.7,0.8,2.4,1.2
+	C23.5,28.8,21.7,29.7,19.8,30.1z M26.5,26.3c-0.9-0.6-2-1.2-3-1.6c0.9-1.9,1.4-4,1.5-6.3h5C29.8,21.4,28.5,24.2,26.5,26.3z"/>
+<g class="st0">
+	<path class="st1" d="M21,9.4c-0.6,0-1.2,0-1.8,0.1c-0.1,0-0.2,0-0.3,0.1c-1.2-1.9-3.4-3.2-5.9-3.2c-3.9,0-7,3.1-7,7
+		c0,1,0.2,1.9,0.6,2.8C3.8,17.5,2,20.3,2,23.4c0,4.4,3.6,8,8,8h11c6.1,0,11-4.9,11-11S27.1,9.4,21,9.4z M13,8.4
+		c1.5,0,2.9,0.7,3.8,1.8c-2.5,1-4.5,2.9-5.7,5.3c-0.8-0.1-1.6-0.1-2.2,0c-0.2,0-0.3,0-0.5,0.1C8.2,14.9,8,14.2,8,13.4
+		C8,10.6,10.3,8.4,13,8.4z M21,29.4H10c-3.3,0-6-2.7-6-6c0-2.3,1.4-4.5,3.5-5.4c0.6-0.3,1.1-0.4,1.8-0.5c0.2,0,0.5-0.1,0.8-0.1
+		c0.5,0,1,0.1,1.5,0.2l0.8,0.2l0.3-0.8c0.9-2.3,2.8-4.1,5.1-5c0.6-0.2,1.1-0.4,1.8-0.5c0.5-0.1,0.9-0.1,1.5-0.1c5,0,9,4,9,9
+		C30,25.3,26,29.4,21,29.4z"/>
+	<path class="st1" d="M13,5.4L13,5.4c-0.6,0-1-0.4-1-1v-1c0-0.5,0.4-1,1-1h0c0.5,0,1,0.4,1,1v1C14,4.9,13.6,5.4,13,5.4z"/>
+	<path class="st1" d="M7.4,7.7L7.4,7.7C7,8.1,6.4,8.1,6,7.7L5.3,7c-0.4-0.4-0.4-1,0-1.4l0,0c0.4-0.4,1-0.4,1.4,0l0.7,0.7
+		C7.8,6.7,7.8,7.3,7.4,7.7z"/>
+	<path class="st1" d="M5,13.4L5,13.4c0,0.6-0.4,1-1,1H3c-0.5,0-1-0.4-1-1v0c0-0.5,0.4-1,1-1h1C4.6,12.4,5,12.8,5,13.4z"/>
+	<path class="st1" d="M18.7,7.7L18.7,7.7c-0.4-0.4-0.4-1,0-1.4l0.7-0.7c0.4-0.4,1-0.4,1.4,0l0,0c0.4,0.4,0.4,1,0,1.4l-0.7,0.7
+		C19.7,8.1,19.1,8.1,18.7,7.7z"/>
+</g>
+<path d="M32,17.4c0-1.2-0.7-2.3-1.9-2.8l-1.8-0.7l1.8-0.7c1.1-0.5,1.9-1.5,1.9-2.8c0-1.2-0.7-2.3-1.9-2.8L18.9,3.1
+	c-1.2-0.5-2.5-0.5-3.7,0L3.9,7.6c-1.1,0.5-1.9,1.5-1.9,2.8c0,1.2,0.7,2.3,1.9,2.8l1.8,0.7l-1.8,0.7c-1.1,0.5-1.9,1.5-1.9,2.8
+	c0,1.2,0.7,2.3,1.9,2.8l1.8,0.7l-1.8,0.7c-1.1,0.5-1.9,1.5-1.9,2.8c0,1.2,0.7,2.3,1.9,2.8l11.2,4.5c0.6,0.2,1.2,0.4,1.9,0.4
+	s1.3-0.1,1.9-0.4l11.2-4.5c1.1-0.5,1.9-1.5,1.9-2.8c0-1.2-0.7-2.3-1.9-2.8l-1.8-0.7l1.8-0.7C31.3,19.7,32,18.6,32,17.4z M4.7,11.3
+	c-0.6-0.2-0.6-0.8-0.6-0.9c0-0.2,0-0.7,0.6-0.9l11.2-4.5c0.4-0.1,0.7-0.2,1.1-0.2s0.8,0.1,1.1,0.2l11.2,4.5C30,9.7,30,10.2,30,10.4
+	c0,0.2,0,0.7-0.6,0.9l-3.7,1.5L23,13.9l-4.9,2c-0.7,0.3-1.5,0.3-2.2,0l-4.9-2l-2.7-1.1L4.7,11.3z M29.4,23.5
+	c0.6,0.2,0.6,0.8,0.6,0.9c0,0.2,0,0.7-0.6,0.9l-11.2,4.5c-0.7,0.3-1.5,0.3-2.2,0L4.7,25.3c-0.6-0.2-0.6-0.8-0.6-0.9
+	c0-0.2,0-0.7,0.6-0.9L8.4,22h0l6.8,2.7c0.6,0.2,1.2,0.4,1.9,0.4s1.3-0.1,1.9-0.4l6.8-2.7h0L29.4,23.5z M29.4,18.3l-3.7,1.5L23,20.9
+	l-4.9,2c-0.7,0.3-1.5,0.3-2.2,0l-4.9-2l-2.7-1.1l-3.7-1.5c-0.6-0.2-0.6-0.8-0.6-0.9c0-0.2,0-0.7,0.6-0.9L8.4,15l6,2.4l0.8,0.3
+	c0.6,0.2,1.2,0.4,1.9,0.4s1.3-0.1,1.9-0.4l0.8-0.3l6-2.4l3.7,1.5c0.6,0.2,0.6,0.8,0.6,0.9C30,17.5,30,18.1,29.4,18.3z"/>
+</svg>

src/views/bigscreen/ast/core/widget/CMedia.vue

@@ -3,7 +3,6 @@
     class="c-media"
     :style="styles"
   >
-    <svg-icon icon-class="w-material" />
     <template v-if="source">
       <template v-if="canPlay">
         <video
@@ -67,7 +66,6 @@ export default {
       return {
         width: `${width}px`,
         height: `${height}px`,
-        'font-size': `${Math.min(width, height) / 3 | 0}px`,
         'border-radius': `${radius}px`
       }
     },
@@ -173,7 +171,8 @@ export default {
   display: inline-flex;
   justify-content: center;
   align-items: center;
-  background-color: rgba(255, 255, 255, 0.8);
+  background: rgba(255, 255, 255, 0.8) url("~@/assets/w-material.svg") center
+    center / 30% 30% no-repeat;
   overflow: hidden;
 
   &__inst,