Storing xAPI statements inside the Wordpress

Hi, 

I am building a light weigh learning record store for H5P on the wordpress so that we don’t need to rely on any third party LRS for minimum reporting. Now to achieve this I am thinking to store all xAPI statements generated by H5P and store them into mysql database once they are encoded into the json format.

I am developing this based on wp-h5p-xapi plugin which is available on wordpress.

I started achieving this by writing a plugin which calls following where I have a separate function on Xapi

	$(document).ready(function() {
		console.log("h5p xapi ready");

		if (typeof H5P !== 'undefined' && H5P.externalDispatcher)
		{
			console.log ("Here \n");
			H5P.externalDispatcher.on('xAPI', onXapi);
		} else
		{
		console.log("I am here");
		}
	});

Above is having issue while acessing the H5P namespace and javascript functions of iframe because H5P content is displayed from iFrame. 

If I add following to the h5p-x-api.js then it displays the events accurately but I don’t want to update the original H5P files.

H5P.externalDispatcher.on('xAPI', function(event) {
  // Handle the event here, the statement is within event.data.statement
console.log(event.data.statement);
}); 

I am not expert in coding and would really appreciate how can I access events from iFrame so that I could capture them in my custom javascript and process them using custom PHP code to eventually store them on the database. 

I would really appreciate if somebody can share the javascript code to achieve this. Once I am able to access event from my custom javascript file then I will take it further easily.  I am struggling to run H5P.externalDispatcher.on('xAPI', function(event)  from the parent window. 

Please help.

Thanks & Regards

HK