Highlighted

Play HTML5 within a div on a webpage

New Here ,
Jan 11, 2020

Copy link to clipboard

Copied

Created a micro learning project (HTML5). I need it to run within a div on a webpage. Right now, I am loading the project into the div via JQuery .load command. However, the div is blank on the page and it displays full width. The project is small (300x400).

 

Any way to do this?

Most Valuable Participant
Correct answer by Lilybiri | Most Valuable Participant

Same answer here, I always put a link to the published course in an iFrame when inserting a published example in my blog posts. Have a look at the most recent published example:

http://blog.lilybiri.com/find-the-differences-game

TOPICS
Advanced, Advanced actions

Views

81

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

Play HTML5 within a div on a webpage

New Here ,
Jan 11, 2020

Copy link to clipboard

Copied

Created a micro learning project (HTML5). I need it to run within a div on a webpage. Right now, I am loading the project into the div via JQuery .load command. However, the div is blank on the page and it displays full width. The project is small (300x400).

 

Any way to do this?

Most Valuable Participant
Correct answer by Lilybiri | Most Valuable Participant

Same answer here, I always put a link to the published course in an iFrame when inserting a published example in my blog posts. Have a look at the most recent published example:

http://blog.lilybiri.com/find-the-differences-game

TOPICS
Advanced, Advanced actions

Views

82

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
Jan 11, 2020 0
Adobe Community Professional ,
Jan 11, 2020

Copy link to clipboard

Copied

I think you would be better off running it in an iframe on the page, not a DIV.

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...
Jan 11, 2020 0
Most Valuable Participant ,
Jan 12, 2020

Copy link to clipboard

Copied

Same answer here, I always put a link to the published course in an iFrame when inserting a published example in my blog posts. Have a look at the most recent published example:

http://blog.lilybiri.com/find-the-differences-game

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...
Jan 12, 2020 0
New Here ,
Jan 12, 2020

Copy link to clipboard

Copied

That worked! Thanks.

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...
Jan 12, 2020 0