Highlighted

Embed Vimeo iFrame In Design ePub

New Here ,
Sep 24, 2020

Copy link to clipboard

Copied

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.

TOPICS
Bug, EPUB, Scripting

Views

34

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Embed Vimeo iFrame In Design ePub

New Here ,
Sep 24, 2020

Copy link to clipboard

Copied

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.

TOPICS
Bug, EPUB, Scripting

Views

35

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Sep 24, 2020 0
Adobe Community Professional ,
Sep 24, 2020

Copy link to clipboard

Copied

It might be worth also experimenting with InDesign's Publish Online.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 24, 2020 0
Brodes57 LATEST
New Here ,
Sep 24, 2020

Copy link to clipboard

Copied

Thanks Derek. Unfortunately it has to be an ePub to allow access via Apple Books and Google Books.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Sep 24, 2020 0