Вставьте кнопку воспроизведения (изображение) над миниатюрами видео в Jquery Mobile + Android Webview

Question

У меня есть несколько эскизов в базе данных mySQL, сгенерированных для видео youtube, используя такие ссылки, как это, например.

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

Я использую Android WebView, чтобы показать Jquery Мобильная часть и уменьшенные изображения генерируются в 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>