Hi guys i hope somebody can help me with this. I got this fake video player script on another forum, but i want it as soon as you hit the play button it'll ask to complete a CPA offer.
Can anyone help me with this?
Can anyone help me with this?
Code:
<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 = 'http://img853.imageshack.us/img853/127/o0vw.png'; // 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 = '#'; // The url for your PPI download (example: 'http://www.skayon.com/freebies').
ppiplayer_error_download_url_target = '_self'; // 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> <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"> <p id="ppiplayer-error-title">Click below to read more about</p> <a id="ppiplayer-download" href="http://www.skayon.com/freebies/ppiplayer.php" target="_self">PPI Player</a> </div> </div> </div> </div>