So my group and I have decided to use wordpress for our website, and we want to have an HTML5 arcade section similar to what we have on this site. Does anyone know how I can embed my game directly into the site? As of right now all I can get it to do is to either open the game in a new tab (which works fine) or when it IS embedded, the game runs, but it won't load any of the images. Any ideas?
Try to add <iframe> tag in HTML code of your post/page. For instance, this is how it works fine for me:
<iframe src="http://dl.dropbox.com/u/99999999/xxx/index.html" width="320" height="480" style="margin-top: 15px; margin-bottom: 15px; width:320px; height:480px;" frameborder="0" id="MyGame" title="This is my HTML5 masterpiece"></iframe>
Develop games in your browser. Powerful, performant & highly capable.
Too bad it doesn't work for me :(
thanks for the input, I'll give it a try
I don't think WP allows you to embed iFrames, but I found this plugin that might allow you to:
Let me know if it works!
Thanks even more, I'll try that for sure!!
I think it allows because it is working for me on my WP website without any plugins (I manually entered iframe tag to a post/page).
Who doesn't believe, here is a link:
may I ask how you manually entered it into your post? I'm a complete noob when it comes to wordpress :/
Well this is a question about how to use WordPress. I think you should find answers about using WP on its official website!
But anyway, after you login to your WP Dashboard and if you edit your post or page, you have there an editor with two tabs: Visual and HTML. Choose HTML tab and you can manually enter any html code.
I was trying that, but when I'd press update, the iframe would be removed, after reading on WordPress the forums said that this is for security reasons, and that's why the plugin needs to be installed. So I will try with the plugin next
Hey guys - thanks for this thread.
In the end, I didn't use the wordpress.org/extend/plugins/embed-iframe
I used the text editor.
One issue, scroll bars appeared, but I got ride of them by writing scrolling="no"
So my end embeded code was this.
<iframe src="http://URL HERE" scrolling="no" width="840" height="550"></iframe>
Hope that s helpful and thanks for your help.