interactive video does not show in Elementor tab widget

I am using interactive video within a wordpress Elementor tab widget.

The problem: when I move from tab 1 to tab 2 the video does not show (until I press the "embed" button and then it shows).

in each tab I have added an iframe containing the H5P and the relevant JS:

<iframe title="נסיון ראשון ב h5p" src="https://ezpass.org.il/wp-admin/admin-ajax.php?action=h5p_embed&amp;id=3" width="1107" height="46" frameborder="0" allowfullscreen="allowfullscreen"></iframe><script src="https://ezpass.org.il/wp-content/plugins/h5p/h5p-php-library/js/h5p-resi..." charset="UTF-8"></script>

 

This is a link to such page:

https://ezpass.org.il/%D7%A9%D7%90%D7%9C%D7%95%D7%AA-%D7%97%D7%99%D7%A9%...

This is a video showing how I reproduce it:

https://share.vidyard.com/watch/ZKLyZSjDGfVHbzwb8UUqLt?

 

 

Content types: 

screenshots 

Attachments: 

screenshots reproducing it

Attachments: 
BV52's picture

Hi,

I checked your site and it seems to be working properly. Have you tried using a different browser? You may also want to disable browser plugins and clear your browser's cache.

-BV

otacke's picture

Hi!

This is a (common) problem when you try to display H5P content in 3rd-party plugins. A short technical description can be found here on h5p.org. There's also a more detailed and hopefully more clear description including possible workaround and alternative solutions on SNORDIAN's website. 

Best,
Oliver