[UPDATE] conntroller & js changed

snippet_video_bg/__manifest__.py

@@ -17,13 +17,13 @@
 #
 #    You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE
 #    GENERAL PUBLIC LICENSE (LGPL v3) along with this program.
-#    If not, see <http://www.gnu.org/licenses/>.
+#    If not, see <https://www.gnu.org/licenses/>.
 #
 ##############################################################################
 
 {
     'name': "Website Video Background",
-    'version': '10.0.1.0.0',
+    'version': '10.0.1.0.1',
     'summary': """Make Website Background as Video""",
     'description': """
        Website page background as youtube video.
@@ -34,11 +34,12 @@
     'category': 'Website',
     'depends': ['base', 'website'],
     'data': [
+        'views/views.xml',
         'views/conf_view.xml',
-        'views/assets.xml',
         'views/templates.xml',
     ],
-    'demo': [],
+    'demo': [
+    ],
     'images': ['static/description/banner.jpg'],
     'license': 'LGPL-3',
     'installable': True,

snippet_video_bg/controllers/controllers.py

@@ -16,3 +16,13 @@ class SnippetVideoBg(http.Controller):
         request.env['ir.config_parameter'].set_param(
             'video_id', video_id) if video_id else ''
         return request.redirect('/')
+
+    @http.route('/get_video_id', type='json', methods=['GET', 'POST'], auth="public", website=True)
+    def getVideoId(self, **kw):
+        """
+        returns the saved video id.
+        :param kw:
+        :return:
+        """
+        video_id = request.env['ir.config_parameter'].get_param('video_id')
+        return {'video_id': video_id}

snippet_video_bg/static/src/js/bg_video.js

@@ -0,0 +1,59 @@
+odoo.define('snippet_video_bg.wrapwrap_bg_video', function (require) {
+    'use strict';
+
+    var ajax = require('web.ajax');
+    var Dialog = require("web.Dialog");
+    var core = require('web.core');
+    var Widget = require('web.Widget');
+//    var session = require('web.session');
+    var base = require('web_editor.base');
+    var contentMenu = require('website.contentMenu');
+
+    var qweb = core.qweb;
+    var _t = core._t;
+    base.url_translations = '/website/translations';
+
+    contentMenu.TopBar.include({
+        new_bg_video_id: function() {
+            website.prompt({
+                id: "bg_video_id",
+                window_title: _t("Add a YouTube Video Id here"),
+                input: "Video ID",
+            }).then(function (id) {
+                website.form('/set_video_id', 'POST', {
+                    id: id
+                });
+            });
+        },
+    });
+});
+
+odoo.define('snippet_video_bg.wrapwrap_bg_video_load', function (require) {
+    'use strict';
+    var ajax = require('web.ajax');
+    var Dialog = require("web.Dialog");
+    var core = require('web.core');
+    var Widget = require('web.Widget');
+    var session = require('web.session');
+    var base = require('web_editor.base');
+    var Model = require('web.Model');
+
+    var qweb = core.qweb;
+    var _t = core._t;
+    base.url_translations = '/website/translations';
+
+    $('document').ready(function() {
+
+        session.rpc("/get_video_id", {})
+            .done(function(res) {
+                var options = {
+                    videoId: res.video_id || false,
+                    start: 0,
+                    mute: true,
+                };
+                $('#wrapwrap').tubular(options);
+            });
+
+    });
+
+});

snippet_video_bg/static/src/js/index.js

@@ -1,37 +0,0 @@
-odoo.define('snippet_video_bg.wrapwrap_bg_video', function (require) {
-    'use strict';
-    var Model = require('web.Model');
-    var ajax = require('web.ajax');
-    var core = require('web.core');
-    var base = require('web_editor.base');
-    var web_editor = require('web_editor.editor');
-    var options = require('web_editor.snippets.options');
-    var website = require('website.website');
-    var contentMenu = require('website.contentMenu');
-    var _t = core._t;
-
-    contentMenu.TopBar.include({
-        new_bg_video_id: function() {
-            website.prompt({
-                id: "bg_video_id",
-                window_title: _t("Add a YouTube Video Id here"),
-                input: "Video ID",
-            }).then(function (id) {
-                website.form('/set_video_id', 'POST', {
-                    id: id
-                });
-            });
-        },
-    });
-    $('document').ready(function() {
-        var model = new Model('ir.config_parameter');
-        model.call('get_param', ['video_id']).then(function(video_id){
-        var options = {
-            videoId: video_id || false,
-            start: 0,
-            mute: true,
-        };
-        $('#wrapwrap').tubular(options);
-        });
-    });
-});;