Slide show

How to Embed a HTML5 Game in to your blog with full screen wiew button



Ok here ia the post code

Embed game example:

<div dir="ltr" style="text-align: left;" trbidi="on">
<script type="text/javascript"> 
        function openPopup() { 
            window.open("https://games.gamepix.com/play/40071?pid=10013&amp;sid=20015", null, "fullscreen=yes, channelmode=no, scrollbars=yes, resizable=no, status=no, toolbar=no, directories=no") 
        } 
</script> 
  
<div style="text-align: center;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6SSg7N8wc8_tAjU2xhhqZM-hKmSFU2BJcj2M-TFsxj1ABIWt_eqNEipFWr81vOel3fDo7rWSNvoBzcm5BKl5VVbUaDRMBlIQwoE8keipl8TLjyfksZR7edy7laED_JpZA4cjXCug_O34/s1600/CTR_Promo-min.jpg" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="156" data-original-width="320" height="353" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6SSg7N8wc8_tAjU2xhhqZM-hKmSFU2BJcj2M-TFsxj1ABIWt_eqNEipFWr81vOel3fDo7rWSNvoBzcm5BKl5VVbUaDRMBlIQwoE8keipl8TLjyfksZR7edy7laED_JpZA4cjXCug_O34/w644-h353/CTR_Promo-min.jpg" width="644" /></a></div>
</div>
</div>

<span><!--more--></span>

<br />
<br />
<form>
<input name="btnFullscreen" onclick="openPopup();" type="button" value="Open in fullscreen" /> 
</form>
<div>
<center>
<iframe allowfullscreen="true" frameborder="0" height="450" id="playframe" scrolling="no" src="https://games.gamepix.com/play/40071?pid=10013&amp;sid=20015" width="800"></iframe>
</center>
</div>


NEW !!! You can actively participate in the wordpress911 team to ask and answer questions to upload articles and videos register » Here

Links: You can download the best WordPress Woocommerce templates HERE


No comments:

Post a Comment