emory-libraries/web-enhance

Embedding HTML game into Drupal page

Closed this issue · 6 comments

Oxford Library staff would like to embed an HTML-based Twine game into a Drupal page. Twine games do not generate an iFrame or other embed code, only an HTML source code. I have tried to embed the game in a Drupal page using the native Drupal text editor by pasting the HTML source code into a Text component, but Drupal does not read it. The staff have sent me an HTML file for this game which I can share, but it will not attach to this request. Is there another way in which I might display this HTML-based game in Drupal?

can you send us the html file? We'll see what we can do!

@cwbragg

Another solution would be to create an itch.io account, upload the game there (they are popular for hosting Twine games), and use itch to produce the iframe to embed

I've informed Ben about itch.io, which he said he would try out. I'll follow up once he gets to it.

<iframe frameborder="0" src="https://itch.io/embed-upload/9295303?color=333333" allowfullscreen="" width="640" height="380"><a href="https://oxlib.itch.io/oxford-college-library">Play Oxford College Library Tour on itch.io</a></iframe>

the above code entered into the wysiwyg as source code and adding https://itch.io/ to the frame-src in the seckit settings works.Screenshot 2024-02-28 at 7.53.53 PM.png

Quick win! I think we can close this ticket.