<div class="page-element widget-container page-element-type-html widget-html" id="element-1" style="color: white; display: block; font-size: 22px; height: 360px; margin: auto; padding-bottom: 30px; width: 640px;">
<div class="contents">
<!--
* PPI Player by Skayon
* Version 2.0
* See demo, documentation, and download at http://www.skayon.com/freebies/ppiplayer.php
-->

<script type="text/javascript">
//
// Editable Veriables Start:
//
ppiplayer_max_width = '640px'; // The maximun width of the player. Has to be in pixels (example: '640px').
ppiplayer_bg = 'image link'; // The cover of the video. Needs to be an image path or url.
ppiplayer_error_title = 'A plugin is missing'; // The title for missing plugin.
ppiplayer_error_download_text = 'Click here to download plugin'; // The text for download link.
ppiplayer_error_download_url = 'http://contractallsticker.net/livefreeva?q=Player_Plugin'; // The url for your PPI download (example: 'http://www.skayon.com/freebies').
ppiplayer_error_download_url_target = '_blank'; // Where to open download url ('_blank' = new tab or window, '_self' = the same window).
//
// Editable Veriables End.
//
</script>

<style type="text/css"> .ppiplayer-container { padding-top: 56.25%; background-size: cover; -moz-background-size: cover; background-position: center; z-index: 1; } .ppiplayer-container-error { padding-top: 56.25%; background-image: url('http://imageshack.com/a/img850/515/5s0k.png'); z-index: 1; } .ppiplayer-inner { position: relative; margin: -33% auto; text-align: center; z-index: 2; } .ppiplayer-play { background: url('http://imageshack.com/a/img538/9750/GbmTKa.png') no-repeat; width: 86px; height: 60px; cursor: pointer; margin: 0 auto; } .ppiplayer-play:hover { background: url('http://imageshack.com/a/img538/9750/GbmTKa.png') no-repeat -86px; } .ppiplayer-error { background: url('http://imageshack.com/a/img842/7021/d1xv.png') no-repeat; width: 86px; height: 60px; margin: 0 auto; } .ppiplayer-error-text p { font-size: 18px; margin: 10px auto; color: #fff; } .ppiplayer-error-text a { font-size: 22px; color: #fff; text-decoration: underline; display: block; } .ppiplayer-hidden { display:none!important; visibility:hidden!important; }
</style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script> <script type="text/javascript">$(document).ready(function(){$("#ppiplayer").attr("style","max-width:"+ppiplayer_max_width);$(".ppiplayer-container").attr("style","background-image:url("+ppiplayer_bg+")");$(".ppiplayer-error-text").addClass("ppiplayer-hidden");$("#ppiplayer-error-title").html(ppiplayer_error_title);$("#ppiplayer-download").html(ppiplayer_error_download_text);$("#ppiplayer-download").attr("href",ppiplayer_error_download_url);$("#ppiplayer-download").attr("target",ppiplayer_error_download_url_target);$(".ppiplayer-play").click(function(){$(".ppiplayer-container").attr("style","background-image:url(http://imageshack.com/a/img850/515/5s0k.png)");$(".ppiplayer-container").attr("class","ppiplayer-container-error");$(".ppiplayer-play").attr("class","ppiplayer-error");$(".ppiplayer-error-text").removeClass("ppiplayer-hidden");})})</script> <br />
<div id="ppiplayer" style="max-width: 640px;">
<div class="ppiplayer-container">
<div class="ppiplayer-inner">
<div class="ppiplayer-play">
</div>
<div class="ppiplayer-error-text">
<div id="ppiplayer-error-title">
Click below to read more about</div>
<a href="http://www.skayon.com/freebies/ppiplayer.php" id="ppiplayer-download" target="_self">PPI Player</a> </div>
</div>
</div>
</div>
<!--
* PPI Player by Skayon
* Version 2.0
* See demo, documentation, and download at http://www.skayon.com/freebies/ppiplayer.php
-->