From 3a038ea0276e1d90a721253bb78e71a1d6ed1c98 Mon Sep 17 00:00:00 2001
From: Thomas Marstrander <thomasmars87@gmail.com>
Date: Wed, 18 Nov 2015 09:38:44 +0100
Subject: [PATCH] Fixed stopping media when changing question.[HFJ-1218]

---
 js/questionset.js | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/js/questionset.js b/js/questionset.js
index 8034da3..ce65aed 100644
--- a/js/questionset.js
+++ b/js/questionset.js
@@ -160,6 +160,12 @@ H5P.QuestionSet = function (options, contentId) {
     }
  };
 
+  var _stopQuestion = function (questionNumber) {
+    if (questionInstances[questionNumber]) {
+      pauseMedia(questionInstances[questionNumber])
+    }
+  };
+
   var _showQuestion = function (questionNumber) {
     // Sanitize input.
     if (questionNumber < 0) {
@@ -404,6 +410,7 @@ H5P.QuestionSet = function (options, contentId) {
 
         // Add next question button
         question.addButton('next', '', function () {
+          _stopQuestion(currentQuestion);
           _showQuestion(currentQuestion + 1);
         });
       }
@@ -411,6 +418,7 @@ H5P.QuestionSet = function (options, contentId) {
       // Add previous question button
       if (questionInstances[0] !== question) {
         question.addButton('prev', '', function () {
+          _stopQuestion(currentQuestion);
             _showQuestion(currentQuestion - 1);
         });
       }
@@ -444,6 +452,7 @@ H5P.QuestionSet = function (options, contentId) {
 
     // Set event listeners.
     $('.progress-dot', $myDom).click(function () {
+      _stopQuestion(currentQuestion);
       _showQuestion($(this).index());
     });
 
@@ -549,6 +558,36 @@ H5P.QuestionSet = function (options, contentId) {
   this.showSolutions = function() {
     renderSolutions = true;
   };
+
+  /**
+   * Stop the given element's playback if any.
+   *
+   * @param {object} instance
+   */
+  var pauseMedia = function (instance) {
+    try {
+      if (instance.pause !== undefined &&
+        (instance.pause instanceof Function ||
+        typeof instance.pause === 'function')) {
+        instance.pause();
+      }
+      else if (instance.video !== undefined &&
+        instance.video.pause !== undefined &&
+        (instance.video.pause instanceof Function ||
+        typeof instance.video.pause === 'function')) {
+        instance.video.pause();
+      }
+      else if (instance.stop !== undefined &&
+        (instance.stop instanceof Function ||
+        typeof instance.stop === 'function')) {
+        instance.stop();
+      }
+    }
+    catch (err) {
+      // Prevent crashing, log error.
+      H5P.error(err);
+    }
+  };
 };
 H5P.QuestionSet.prototype = Object.create(H5P.EventDispatcher.prototype);
 H5P.QuestionSet.prototype.constructor = H5P.QuestionSet;