Add qmlvideo and qmlvideofx examples

Based on code imported from master branch of QtMobility repo,
ported to Qt Quick 2.

Task-number: QTBUG-23118
Change-Id: Ifd297de0e595c675ff1a8e3218d91b03629295b9
Reviewed-by: Jonas Rabbe <jonas.rabbe@nokia.com>
Reviewed-by: Michael Goddard <michael.goddard@nokia.com>

examples/video/qmlvideo/images/progress_handle.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="10px"
+   height="46px"
+   version="1.1">
+    <g>
+        <defs>
+            <linearGradient id="MyGradient1" x1="0%" y1="0%" x2="100%" y2="100%">
+                <stop offset="0%" stop-color="lightcyan" />
+                <stop offset="100%" stop-color="dodgerblue" />
+            </linearGradient>
+        </defs>
+        <rect
+            stroke="white"
+            fill="url(#MyGradient1)"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            stroke-width="2"
+            width="8"
+            height="44"
+            x="1"
+            y="1"
+            rx="4"
+            ry="4"/>
+    </g>
+</svg>