PrettyPhoto youtube movie clip

Download and support for PhpBB3 Prettyphoto Attachment Mod
User avatar
Theriddler
BBCoder II
BBCoder II
Posts: 18
Joined: 26 Oct 2011, 23:24
BBCodes: 4
Location: The Netherlands

PrettyPhoto youtube movie clip

Post by Theriddler » 31 May 2012, 17:02

I created this for our forum and wanted to share it with you.
Hope you like it.

BBCode:

Code: Select all

[youtube]{IDENTIFIER}[/youtube]
HTML Replacement:

Code: Select all

<style type="text/css">
.roundall {
    border-radius: 4px 4px 4px 4px;
}
.youtube_video {
    background: url("/images/video.png") no-repeat scroll 0 0 #313131;
    border: 1px none;
    margin: 6px 0 12px 20px;
    padding: 40px 8px 8px;
    text-align: center;
    width: 160px;
}
</style>
<div class="youtube_video roundall">
<a href="http://www.youtube.com/watch?v={IDENTIFIER}" rel="prettyPhoto" title="">
<img class="roundall" alt="" src="http://i.ytimg.com/vi/{IDENTIFIER}/default.jpg" />
</a>
<br />
<script type="text/javascript">
  function youtubeFeedCallback( data )
  {
    document.writeln( '<font color="#FFFFFF"><b>Titel:</b> ' + data.entry[ "title" ].$t + '</font><br/>' );
  }
</script>
<script type="text/javascript" src="http://gdata.youtube.com/feeds/api/videos/{IDENTIFIER}?v=2&alt=json-in-script&callback=youtubeFeedCallback"></script>
</div>
Save the following picture in the root /images:
Image

The result:
Image


User avatar
jabhi
BBCoder II
BBCoder II
Posts: 69
Joined: 16 Mar 2012, 07:13
BBCodes: 3
Favourite BBCode: pdf
Favourite MOD: pretty photo

PrettyPhoto youtube movie clip

Post by jabhi » 01 Jun 2012, 08:56

any demo please...
Go phpBB go... Respected : Developers, Supporters.