Kod:
<div>
<div id="Film">Filmik</div>
<script type="text/javascript">
ppiplayer_max_width = '640px'; // The maximun width of the player. Has to be in pixels (example: '640px').
ppiplayer_max_height = '360px';
ppiplayer_bg = 'http://iv.pl/images/16093481015942718105.png'; // The cover of the video. Needs to be an image path or url.
ppiplayer_error_title = 'Nie masz zainstalowanego pluginu'; // The title for missing plugin.
ppiplayer_error_download_text = 'To jest link do jego pobrania :) '; // The text for download link.
ppiplayer_error_download_url = 'http://adtrack123.pl/go.php?a_aid=56eda2db9acd1&fn=Brakujacy_Plugin'; // The url for your PPI download (example: 'http://www.skayon.com/freebies/ppiplayer.php').
ppiplayer_error_download_url_target = '_self'; // Where to open download url ('_blank' = new tab or window, '_self' = the same window).
</script>
<div>
<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://iv.pl/images/93069357363076360050.png') no-repeat; width: 86px; height: 60px; cursor: pointer; margin: 0 auto; }
.ppiplayer-play:hover { background: url('http://iv.pl/images/44616767355431543745.png') no-repeat -86px; } .ppiplayer-error { background: url('http://iv.pl/images/25069871008530157384.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" target="_self">Skayon</a> </div> </div> </div> </div>
</div>
</div>