在Jquery Mobile + Android Webview中的视频缩略图上插入播放按钮（图像）

Question

我在为youtube视频生成的mySQL数据库中有多个缩略图，例如使用这样的链接。

http://i1.ytimg.com/vi/1sIWez9HAbA/hqdefault.jpg

我使用Android Webview显示Jquery Mobile部分，缩略图在Jquery Mobile中生成。

现在我想在每个缩略图的中间插入一个播放按钮。当任何人点击缩略图时，播放按钮必须消失。

我该怎么做？有人可以帮忙吗？

Answer 1

制作您的布局

<RelativeLayout
    android:id="@+id/relVideo"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content">

    <ImageView
        android:id="@+id/imgVideoThumb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true" />

     <ImageView
         android:id="@+id/imgPlayVideo"
         android:layout_width="40dp"
         android:layout_height="40dp"
         android:layout_centerInParent="true"
         android:adjustViewBounds="true"
         android:src="@drawable/video_play_btn" />
</RelativeLayout>