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

时间:2013-09-09 11:56:22

标签: javascript android jquery webview youtube

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

制作您的布局

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