javascript - 在Jquery Mobile + Android Webview的视频缩略图上方插入播放按钮(图像)

Question

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

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>