javascript - 在 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>