[gtk/matthiasc/for-master] docs: Improve the GtkMediaControls gallery image

[Matthias Clasen <matthiasc src gnome org>]

commit 28b7962beed741f4275c8cfb7f20f16682abbca8
Author: Matthias Clasen <mclasen redhat com>
Date:   Sun Oct 25 22:26:19 2020 -0400

    docs: Improve the GtkMediaControls gallery image

 docs/reference/gtk/images/media-controls.png | Bin 4245 -> 5710 bytes
 docs/tools/widgets.c                         |  12 ++++++++++--
 2 files changed, 10 insertions(+), 2 deletions(-)
---
diff --git a/docs/reference/gtk/images/media-controls.png b/docs/reference/gtk/images/media-controls.png
index d49f88d9c3..41f228c3f3 100644
Binary files a/docs/reference/gtk/images/media-controls.png and 
b/docs/reference/gtk/images/media-controls.png differ
diff --git a/docs/tools/widgets.c b/docs/tools/widgets.c
index 96b9b6254c..f324f4fb42 100644
--- a/docs/tools/widgets.c
+++ b/docs/tools/widgets.c
@@ -1124,8 +1124,13 @@ create_media_controls (void)
 {
   GtkWidget *widget;
   GtkWidget *vbox;
+  GtkMediaStream *stream;
+  WidgetInfo *info;
 
-  widget = gtk_media_controls_new (NULL);
+  stream = gtk_media_file_new_for_filename ("demos/gtk-demo/gtk-logo.webm");
+  gtk_media_stream_play (stream);
+  widget = gtk_media_controls_new (stream);
+  gtk_widget_set_size_request (widget, 210, -1);
   gtk_widget_set_halign (widget, GTK_ALIGN_CENTER);
   gtk_widget_set_valign (widget, GTK_ALIGN_CENTER);
 
@@ -1135,7 +1140,10 @@ create_media_controls (void)
 
   add_margin (vbox);
 
-  return new_widget_info ("media-controls", vbox, SMALL);
+  info = new_widget_info ("media-controls", vbox, SMALL);
+  info->wait = 2000;
+
+  return info;
 }
 
 static WidgetInfo *