Opening a local html page in an iframe

i am building an ionic 3 application that reads ebooks. i have another application that is responsible for playing the ebook. i need to integrate the ebook player in my main app and isolate it. to do this i tried to reference the ebook player in an iframe as such:

<ion-content padding>
	<iframe src="./ebook-player-plugin/index.html" name="ebook-player" id="ebook-player"></iframe>
</ion-content>

i get the following error: the file index.html does not exist

any suggestions?

add your html file to src/assets/iframeTemplates/
and load it:

<ion-content padding>
	<iframe src="assets/iframeTemplates/index.html" name="ebook-player" id="ebook-player"></iframe>
</ion-content>