Merge pull request #1082 from dpalou/MOBILE-2155

MOBILE-2155 lesson: Fix videos in lesson page

Author: jleyva

www/addons/mod/lesson/controllers/player.js

@@ -190,7 +190,7 @@ angular.module('mm.addons.mod_lesson')
 
             $scope.pageData = data;
             $scope.title = data.page.title;
-            $scope.pageContent = data.page.contents;
+            $scope.pageContent = $mmaModLessonHelper.getPageContentsFromPageData(data);
             $scope.pageLoaded = true;
             $scope.currentPage = pageId;
             $scope.messages = $scope.messages.concat(data.messages);

www/addons/mod/lesson/services/helper.js

@@ -138,6 +138,31 @@ angular.module('mm.addons.mod_lesson')
         return buttons;
     };
 
+    /**
+     * Given a page data (result of getPageData), get the page contents.
+     *
+     * @module mm.addons.mod_lesson
+     * @ngdoc method
+     * @name $mmaModLessonHelper#getPageContentsFromPageData
+     * @param  {Object} data Page data.
+     * @return {String}      Page contents.
+     */
+    self.getPageContentsFromPageData = function(data) {
+        var contents,
+            rootElement = document.createElement('div');
+
+        // Search the page contents inside the whole page HTML. Use data.pagecontent because it's filtered.
+        rootElement.innerHTML = data.pagecontent;
+        contents = rootElement.querySelector('.contents');
+
+        if (contents) {
+            return contents.innerHTML.trim();
+        }
+
+        // Cannot find contents element, return the page.contents (some elements like videos might not work).
+        return data.page.contents;
+    };
+
     /**
      * Given the HTML of an answer from a question page, extract the data to render the answer.
      *