Embed Vimeo iFrame In Design ePub
Hi there
I am creating an ePub using latest version of In Design (Mac). I am wanting to embed an iframe to play video in several places within the book. The book is quite large and I simply do not want to add more MB with videos.
I have sucessfully created and embedded an iFrame to play You Tube videos. However when I attempt Vimeo I am receiving the following error when I export for ePub.
HTML pageitem : 1 may fail epub validation
Consequently the video does not appear or play in iBooks.
The embed code (that works) for You Tube is;
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/2Bv_Hh79zQg?controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
The embed code for Vimeo is;
<div style="padding:56.25% 0 0 0;position:relative;"><iframe src="https://player.vimeo.com/video/460863922?title=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen></iframe></div><script src="https://player.vimeo.com/api/player.js"></script>
It creates an error.
I have edited the Vimeo script to;
<iframe width="100%" height="100%" src="https://player.vimeo.com/video/460863922?
autoplay=1&title=0&portrait=0" controls=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" ></iframe>
The Vimeo video plays sucessfully in the In Design preview but does not allow ePub export without the error.
I am not a coding person. Would appreciate any help please. Really appreciated.
