Added video.omxplayer frontend plugin

platypush/backend/http/static/css/video.omxplayer.js

@@ -0,0 +1,9 @@
+#video-container {
+    max-width: 60em;
+    margin: 3em auto;
+}
+
+    #video-form input[type=text] {
+        width: 100%;
+    }
+

platypush/backend/http/static/js/video.omxplayer.js

@@ -0,0 +1,43 @@
+$(document).ready(function() {
+    var $container = $('#video-container'),
+        $form = $('#video-form');
+
+    var initBindings = function() {
+        $form.on('submit', function(event) {
+            var formData = $(this).serializeArray().reduce(function(obj, item) {
+                var value = item.value.trim();
+                if (value.length > 0) {
+                    obj[item.name] = item.value;
+                }
+
+                return obj;
+            }, {});
+
+            execute(
+                {
+                    type: 'request',
+                    action: 'video.omxplayer.stop',
+                },
+
+                function() {
+                    execute(
+                        {
+                            type: 'request',
+                            action: 'video.omxplayer.play',
+                            args: formData,
+                        }
+                    )
+                }
+            );
+
+            return false;
+        });
+    };
+
+    var init = function() {
+        initBindings();
+    };
+
+    init();
+});
+

platypush/backend/http/templates/plugins/video.omxplayer.html

@@ -0,0 +1,19 @@
+<script type="text/javascript" src="{{ url_for('static', filename='js/video.omxplayer.js') }}"></script>
+<link rel="stylesheet" href="{{ url_for('static', filename='css/video.omxplayer.css') }}"></script>
+
+<div class="row" id="video-container">
+    <form action="#" id="video-form">
+        <div class="eleven columns">
+            <label for="resource">
+                Supported formats: <tt>file://[path]</tt>, <tt>https://www.youtube.com/?v=[video_id]</tt>
+            </label>
+            <input type="text" name="resource" placeholder="Video URL">
+        </div>
+        <div class="one column">
+            <button type="submit">
+                <i class="fa fa-podcast"></i>
+            </button>
+        </div>
+    </form>
+</div>
+