fix

src/pages/websiteindex/onlineclassroomplay.wxml

@@ -283,7 +283,13 @@
                         </view>  
                     </view>
                 </view>
-                <image class="icon-status status-video" wx:if="{{item.isAction && (item.content.type==2 || item.content.type==3)}}" src="{{imageRoot}}2c/websiteindex/onlinecourse/video_play.png?{{imageVersion}}"/>
+                <!-- <image class="icon-status status-video" wx:if="{{item.isAction && (item.content.type==2 || item.content.type==3)}}" src="{{imageRoot}}2c/websiteindex/onlinecourse/video_play.png?{{imageVersion}}"/> -->
+                <view class="icon-status play_box" wx:if="{{item.isAction && (item.content.type==2 || item.content.type==3)}}">
+                    <view class="playing-bar playing-bar1"></view>
+                    <view class="playing-bar playing-bar2"></view>
+                    <view class="playing-bar playing-bar3"></view>
+                    <view class="playing-bar playing-bar4"></view>
+                </view>
                 <image class="icon-status status-pic" wx:if="{{item.isAction && (item.content.type==1 || item.content.type==4 || item.content.type==5)}}" src="{{imageRoot}}2c/websiteindex/onlinecourse/pic_play.png?{{imageVersion}}"/>
             </view>  
         </scroll-view>

src/pages/websiteindex/onlineclassroomplay.wxss

@@ -1277,4 +1277,53 @@
 }
 .rich-text-box img{
     max-width: 100%;
-}
\ No newline at end of file
+}
+
+/* 音视频播放css动效 */
+.play_box{
+    width: 34rpx;
+    height: 35rpx;
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-end;
+}
+.play_box .playing-bar{
+    background: #FB7A28;
+    width: 6rpx;
+    height: 100%;
+    border-radius: 3rpx 3rpx 0 0;
+    animation: up-and-down 1.3s ease infinite alternate;
+}
+.play_box .playing-bar1{
+    height: 50%;
+}
+.play_box .playing-bar2{
+    height: 80%;
+    animation-delay: -2.4s;
+}
+.play_box .playing-bar3{
+    height: 100%;
+    animation-delay: -3.7s;
+}
+.play_box .playing-bar4{
+    height: 60%;
+    animation-delay: -5s;
+}
+@-webkit-keyframes up-and-down {
+    10% {
+        height: 50%;
+    }
+    30% {
+        height: 100%;
+    }
+    60% {
+        height: 40%;
+    }
+    80% {
+        height: 75%;
+    }
+    100% {
+        height: 30%;
+    }
+}
+