sending variables > iFrame embedding (interactive video)

If you are familiar with JavaScript and you can, there may be a way.

You'd have to get a reference to the content iframe first which holds the H5P object. From there, you should be able to modify the video's contents (after the DOM has loaded). The H5P object holds an array named instances which will contain the InteractiveVideo object. If you're familiar with coding, the following example should help you.

Try going to our demo of Interactive Video, open a console window (F12), paste the following code, press enter, and see what happened to the video ...

// Retrieve the (first) Interactive Video object
const interactiveVideo = document.getElementsByClassName('h5p-iframe')[0].contentWindow.H5P.instances[0];

// Get all the interactions
const interactions = interactiveVideo.options.assets.interactions;

// You can now directly modify the extra properties of an interaction, e.g. ...

// Stop on the Multiple Choice Question instead of keeping the video running
interactions[1].pause = true;

// Replace all label texts with capital letters
interactions.forEach(function (interaction) {
  interaction.label = interaction.label.toUpperCase();
});

/*
 * You can also change the parameters of all content types after loading,
 * but you must recreate the instance.
 */

// Let's change the text of the text interaction
interactions[4].action.params.text = '<p>You can also sneak in <a href="https://h5p.org">links!</a></p>';
interactiveVideo.interactions[4].reCreate();

/*
 * So, if you can resolve your shortcode and pass the value to JavaScript,
 * you can also replace any identifier that you put inside an interaction's
 * text field.
 */

// Let's replace every occurence of something strawberry-ish with 'FOO'
const weNeedToDigDeeper = function (params) {
  for (param in params) {
    switch (typeof params[param]) {
      case 'string':
        params[param] = params[param].replace(/strawberr[a-z]*/gi, 'FOO');
        break;
      case 'object':
        weNeedToDigDeeper(params[param]);
        break;
    }
  }
};

interactions.forEach(function (interaction) {
  weNeedToDigDeeper(interaction.action.params);
});

interactiveVideo.interactions.forEach(function (interaction) {
  interaction.reCreate();
});

So, if you can resolve your shortcode and pass the value to JavaScript, you can also replace any identifier that you put inside an interaction's text field.