diff --git a/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/ConsultVideoPlayer.kt b/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/ConsultVideoPlayer.kt
index 50c2144239..ae9595ea57 100644
--- a/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/ConsultVideoPlayer.kt
+++ b/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/ConsultVideoPlayer.kt
@@ -25,6 +25,7 @@ import com.mogo.och.charter.passenger.R
 import com.mogo.och.charter.passenger.utils.FullVideoUtils
 import com.mogo.och.common.module.manager.audiofocus.AudioFocusManager
 import com.mogo.och.common.module.wigets.media.MediaItem
+import com.mogo.skin.widget.SkinImageView
 import com.shuyu.gsyvideoplayer.listener.VideoAllCallBack
 import com.shuyu.gsyvideoplayer.utils.GSYVideoType
 import com.shuyu.gsyvideoplayer.video.StandardGSYVideoPlayer
@@ -44,7 +45,7 @@ class ConsultVideoPlayer : StandardGSYVideoPlayer {
 
     private val TAG = "ConsultVideoPlayer"
     private lateinit var start: ImageView
-    lateinit var coverImage: ImageView
+    lateinit var coverImage: SkinImageView
     private lateinit var currentTimeTextView: TextView
     private lateinit var totalTimeTextView: TextView
     private lateinit var aivStartPlay: AppCompatImageView
diff --git a/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/adapter/RecyclerVideoAdapter.java b/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/adapter/RecyclerVideoAdapter.java
index aaa5ec7e79..904679cc44 100644
--- a/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/adapter/RecyclerVideoAdapter.java
+++ b/OCH/charter/passenger/src/main/java/com/mogo/och/charter/passenger/ui/video/adapter/RecyclerVideoAdapter.java
@@ -1,6 +1,7 @@
 package com.mogo.och.charter.passenger.ui.video.adapter;
 
 import android.content.Context;
+import android.graphics.drawable.Drawable;
 import android.view.LayoutInflater;
 import android.view.View;
 import android.view.ViewGroup;
@@ -14,6 +15,7 @@ import com.mogo.och.common.module.wigets.media.MediaItem;
 import com.mogo.och.common.module.wigets.toast.ToastCharterUtils;
 import com.mogo.och.charter.passenger.R;
 import com.mogo.och.charter.passenger.bean.TaxiPassengerVideoPlay;
+import com.mogo.skin.utils.SkinResources;
 import com.shuyu.gsyvideoplayer.listener.GSYSampleCallBack;
 
 import java.util.List;
@@ -82,9 +84,10 @@ public class RecyclerVideoAdapter extends RecyclerView.Adapter<RecyclerItemVideo
         } else {
             imageUrl = taxiPassengerVideoPlay.getUrl();
         }
+        Drawable placeholderDrawable = SkinResources.getInstance().getDrawable(R.drawable.road_video_bg);
         Glide.with(context)
                 .load(imageUrl)
-                .apply(new RequestOptions().placeholder(R.drawable.charter_p_video_holder).centerCrop())
+                .apply(new RequestOptions().placeholder(placeholderDrawable).centerCrop())
                 .into(holder.gsyVideoPlayer.coverImage);
         holder.gsyVideoPlayer.getTitleTextView().setText(taxiPassengerVideoPlay.getTitle());
         holder.gsyVideoPlayer.getFullscreenButton().setVisibility(isVideo ? View.VISIBLE : View.INVISIBLE);
diff --git a/OCH/charter/passenger/src/main/res/layout/charter_p_video_view.xml b/OCH/charter/passenger/src/main/res/layout/charter_p_video_view.xml
index ec63d7a270..7f02e6584a 100644
--- a/OCH/charter/passenger/src/main/res/layout/charter_p_video_view.xml
+++ b/OCH/charter/passenger/src/main/res/layout/charter_p_video_view.xml
@@ -16,7 +16,7 @@
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <ImageView
+        <com.mogo.skin.widget.SkinImageView
             android:id="@+id/thumbImage"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
diff --git a/OCH/common/common/src/main/java/com/mogo/och/common/module/wigets/media/MediaPlayerCustomView.kt b/OCH/common/common/src/main/java/com/mogo/och/common/module/wigets/media/MediaPlayerCustomView.kt
index 419fc4b515..83ad2d60ec 100644
--- a/OCH/common/common/src/main/java/com/mogo/och/common/module/wigets/media/MediaPlayerCustomView.kt
+++ b/OCH/common/common/src/main/java/com/mogo/och/common/module/wigets/media/MediaPlayerCustomView.kt
@@ -18,6 +18,8 @@ import com.mogo.och.common.module.wigets.media.MediaFileCacheManager
 import com.mogo.och.common.module.wigets.media.MediaItem
 import com.mogo.och.common.module.wigets.media.MediaLoopPlayView
 import com.mogo.och.common.module.wigets.media.MediaPlayLogger
+import com.mogo.skin.utils.SkinResources
+import com.mogo.skin.widget.SkinImageView
 import com.shuyu.gsyvideoplayer.builder.GSYVideoOptionBuilder
 import com.shuyu.gsyvideoplayer.listener.GSYSampleCallBack
 import com.shuyu.gsyvideoplayer.utils.GSYVideoType
@@ -30,7 +32,7 @@ class AdvanceVideoView @JvmOverloads constructor(
 ) : RelativeLayout(context, attrs) {
 
     private var containerLayout: RelativeLayout? = null
-    private var thumbnailImageView: ImageView? = null
+    private var thumbnailImageView: SkinImageView? = null
     private var videoPlayerView: AdvanceGSYVideoPlayer? = null
 
     private var gsyVideoPlayerOptionBuilder: GSYVideoOptionBuilder? = null
@@ -107,7 +109,7 @@ class AdvanceVideoView @JvmOverloads constructor(
         addView(containerLayout, LayoutParams(-1, -1))
 
         //缩略图
-        thumbnailImageView = ImageView(context)
+        thumbnailImageView = SkinImageView(context)
         thumbnailImageView?.scaleType = ImageView.ScaleType.FIT_XY
 
         //视频播放控件
@@ -147,14 +149,15 @@ class AdvanceVideoView @JvmOverloads constructor(
         //首先根据url检查video是否有已经下载完的本地视频文件
         gsyVideoPlayerLifecycleCallback = onCompletionListener
         videoPlayerView?.thumbImageView = thumbnailImageView
-        thumbnailImageView?.setImageResource(R.drawable.video_holder)
+        val placeholderDrawable = SkinResources.getInstance().getDrawable(R.drawable.road_video_bg)
+        thumbnailImageView?.setImageResource(R.drawable.road_video_bg)
         thumbnailImageView?.also {
             Glide.with(context).asBitmap().load(thumbnailImageUrl)
                 .apply(
                     RequestOptions().useUnlimitedSourceGeneratorsPool(true)
-                        .placeholder(R.drawable.video_holder)
-                        .error(R.drawable.video_holder)
-                        .fallback(R.drawable.video_holder)
+                        .placeholder(placeholderDrawable)
+                        .error(placeholderDrawable)
+                        .fallback(placeholderDrawable)
                         .centerCrop()
                 )
                 .into(it)
@@ -358,7 +361,7 @@ class AdvanceImageView @JvmOverloads constructor(
     context: Context, attrs: AttributeSet? = null
 ) : RelativeLayout(context, attrs) {
 
-    private var imageView: ImageView? = null
+    private var imageView: SkinImageView? = null
     private var imageUrl: String = ""
 
     init {
@@ -366,7 +369,7 @@ class AdvanceImageView @JvmOverloads constructor(
     }
 
     private fun initView() {
-        imageView = ImageView(context)
+        imageView = SkinImageView(context)
         imageView?.scaleType = ImageView.ScaleType.FIT_XY
         addView(imageView, LayoutParams(-1, -1))
     }
@@ -376,13 +379,15 @@ class AdvanceImageView @JvmOverloads constructor(
     }
 
     fun displayImage() {
-        imageView?.setImageResource(R.drawable.video_holder)
+        val placeholderDrawable = SkinResources.getInstance().getDrawable(R.drawable.road_video_bg)
+
+        imageView?.setImageResource(R.drawable.road_video_bg)
         imageView?.also {
             Glide.with(context).asBitmap().load(imageUrl).apply(
                 RequestOptions().useUnlimitedSourceGeneratorsPool(true)
-                    .placeholder(R.drawable.video_holder)
-                    .error(R.drawable.video_holder)
-                    .fallback(R.drawable.video_holder)
+                    .placeholder(placeholderDrawable)
+                    .error(placeholderDrawable)
+                    .fallback(placeholderDrawable)
                     .centerCrop()
             ).into(it)
         }
diff --git a/OCH/common/common/src/main/res/drawable-nodpi/video_holder.png b/OCH/common/common/src/main/res/drawable-nodpi/video_holder.png
deleted file mode 100644
index 99bfcefc6f..0000000000
Binary files a/OCH/common/common/src/main/res/drawable-nodpi/video_holder.png and /dev/null differ
diff --git a/OCH/taxi/passenger/src/main/java/com/mogo/och/taxi/passenger/ui/video/RecyclerVideoAdapter.java b/OCH/taxi/passenger/src/main/java/com/mogo/och/taxi/passenger/ui/video/RecyclerVideoAdapter.java
index db8a7516e8..d8685e1c73 100644
--- a/OCH/taxi/passenger/src/main/java/com/mogo/och/taxi/passenger/ui/video/RecyclerVideoAdapter.java
+++ b/OCH/taxi/passenger/src/main/java/com/mogo/och/taxi/passenger/ui/video/RecyclerVideoAdapter.java
@@ -73,7 +73,7 @@ public class RecyclerVideoAdapter extends RecyclerView.Adapter<RecyclerItemVideo
         holder.gsyVideoPlayer.getTitleTextView().setText(taxiPassengerVideoPlay.getTitle());
         Glide.with(context)
                 .load(taxiPassengerVideoPlay.getImageUrl())
-                .apply(new RequestOptions().placeholder(R.drawable.taxi_p_video_holder).centerCrop())
+                .apply(new RequestOptions().placeholder(R.drawable.road_video_bg).centerCrop())
                 .into(holder.gsyVideoPlayer.coverImage);
         holder.gsyVideoPlayer.getThumbImageViewLayout().setOnClickListener(new View.OnClickListener() {
             @Override
diff --git a/OCH/taxi/unmanned-passenger/src/main/java/com/mogo/och/unmanned/passenger/ui/video/RecyclerVideoAdapter.java b/OCH/taxi/unmanned-passenger/src/main/java/com/mogo/och/unmanned/passenger/ui/video/RecyclerVideoAdapter.java
index 561ba39358..490a9eecec 100644
--- a/OCH/taxi/unmanned-passenger/src/main/java/com/mogo/och/unmanned/passenger/ui/video/RecyclerVideoAdapter.java
+++ b/OCH/taxi/unmanned-passenger/src/main/java/com/mogo/och/unmanned/passenger/ui/video/RecyclerVideoAdapter.java
@@ -73,7 +73,7 @@ public class RecyclerVideoAdapter extends RecyclerView.Adapter<RecyclerItemVideo
         }
         Glide.with(context)
                 .load(imageUrl)
-                .apply(new RequestOptions().placeholder(R.drawable.taxt_u_p_video_holder).centerCrop())
+                .apply(new RequestOptions().placeholder(R.drawable.road_video_bg).centerCrop())
                 .into(holder.gsyVideoPlayer.coverImage);
 
         if (isVideo) {
diff --git a/OCH/taxi/unmanned-passenger/src/main/res/drawable-nodpi/taxt_u_p_video_holder.webp b/OCH/taxi/unmanned-passenger/src/main/res/drawable-nodpi/taxt_u_p_video_holder.webp
deleted file mode 100644
index 4e6fbf5740..0000000000
Binary files a/OCH/taxi/unmanned-passenger/src/main/res/drawable-nodpi/taxt_u_p_video_holder.webp and /dev/null differ
diff --git a/core/mogo-core-res/src/main/res/layout/item_notice_video.xml b/core/mogo-core-res/src/main/res/layout/item_notice_video.xml
index fb761bb97f..02a1ff2680 100644
--- a/core/mogo-core-res/src/main/res/layout/item_notice_video.xml
+++ b/core/mogo-core-res/src/main/res/layout/item_notice_video.xml
@@ -9,14 +9,14 @@
         android:id="@+id/surface_container"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:gravity="center"></RelativeLayout>
+        android:gravity="center"/>
 
     <RelativeLayout
         android:id="@+id/thumb"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <ImageView
+        <com.mogo.skin.widget.SkinImageView
             android:id="@+id/thumbImage"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
diff --git a/core/mogo-core-res/src/main/res/layout/item_notice_video_small.xml b/core/mogo-core-res/src/main/res/layout/item_notice_video_small.xml
index 56cb236a9f..d89e786cc0 100644
--- a/core/mogo-core-res/src/main/res/layout/item_notice_video_small.xml
+++ b/core/mogo-core-res/src/main/res/layout/item_notice_video_small.xml
@@ -8,14 +8,14 @@
         android:id="@+id/surface_container"
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:gravity="center"></RelativeLayout>
+        android:gravity="center"/>
 
     <RelativeLayout
         android:id="@+id/thumb"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
 
-        <ImageView
+        <com.mogo.skin.widget.SkinImageView
             android:id="@+id/thumbImage"
             android:layout_width="match_parent"
             android:layout_height="match_parent"