Add YouTube video embedding support for InstantForum.NET (Code Example, InstantForum.NET, YouTube)

%3cdiv style%3d%22float%3a left%3b line-height%3a 14px%3bfont-family%3a Verdana%3b font-size%3a 10pt%3b%22%3eThis article shows users of InstantForum.NET 4.1.4 or earlier how to allow community members to easily embed YouTube videos within forum posts. %3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
With the built-in support for YouTube videos in the forthcoming InstantForum.NET 4.2 update we wanted to share some code we created with existing 4.1.4 users. %3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cstrong class%3d%22Header%22%3eAn Example%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3c/strong%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
Lets say you wanted to share one of our videos within a post...%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3ca href%3d%22http%3a//www.youtube.com/watch%3fv%3dMS8hPKeRY4Y%22%3ehttp%3a//www.youtube.com/watch%3fv%3dMS8hPKeRY4Y%3c/a%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
If your using InstantForum.NET 4.1.4 or earlier uou can add an IFCode tag to embed this video directly within posts. %3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
For example a nice way to embed this would be...%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-weight%3a bold%3b%22%3e%5bYouTube%5d%3c/span%3ehttp%3a//www.youtube.com/watch%3fv%3dMS8hPKeRY4Y%3cstrong%3e%5b/YouTube%5d%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3c/strong%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
When posted this would be translated via our IFCode feature and would display within posts as shown below...%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cimg alt%3d%22%22 style%3d%22width%3a 582px%3b height%3a 417px%3b%22 src%3d%22http%3a//kb.instantasp.co.uk/Uploads/Images/YouTubeVideo.gif%22 /%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cstrong class%3d%22Header%22%3eAdding the YouTube IFCode%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3c/strong%3eFor further information on how to use IFCode please see...%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3ca href%3d%22http%3a//docs.instantasp.co.uk/InstantForum/managingifcode.html%22%3ehttp%3a//docs.instantasp.co.uk/InstantForum/managingifcode.html%3c/a%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
To provide support for this you will need to add a new IFCode for 4.1.4. You should login as an administrator for your forum and navigate to the Admin CP. Within the navigation on the left locate the Add IFCode option. When adding a new IFCode use the following information...%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-weight%3a bold%3b%22%3eFriendly Name%3c/span%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
YouTube%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cstrong%3eTag Example%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3c/strong%3e%5bYouTube%5d%5b/YouTube%5d%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cstrong%3eActual code to insert%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3c/strong%3e%5bYouTube%5d%5b/YouTube%5d%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-weight%3a bold%3b%22%3eSearch Pattern%3c/span%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%5c%5bYouTube%5c%5d%28.*%3f%29youtube.com/watch%5c%3fv%3d%28.*%3f%29%5c%5b%5c/YouTube%5c%5d%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-weight%3a bold%3b%22%3eReplace Pattern%3c/span%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cp%3e%26lt%3bobject width%3d%22425%22 height%3d%22344%22%26gt%3b%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%26lt%3bparam name%3d%22movie%22 value%3d%22http%3a//www.youtube.com/v/%242%26amp%3bhl%3den%26amp%3bfs%3d1%26amp%3b%22%26gt%3b%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%26lt%3b/param%26gt%3b%26lt%3bparam name%3d%22allowFullScreen%22 value%3d%22true%22%26gt%3b%26lt%3b/param%26gt%3b%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%26lt%3bparam name%3d%22allowscriptaccess%22 value%3d%22always%22%26gt%3b%26lt%3b/param%26gt%3b%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%26lt%3bembed src%3d%22http%3a//www.youtube.com/v/%242%26amp%3bhl%3den%26amp%3bfs%3d1%26amp%3b%22 type%3d%22application/x-shockwave-flash%22 allowscriptaccess%3d%22always%22 allowfullscreen%3d%22true%22 width%3d%22425%22 height%3d%22344%22%26gt%3b%26lt%3b/embed%26gt%3b%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%26lt%3b/object%26gt%3b%3c/p%3e
%3cspan style%3d%22font-weight%3a bold%3b%22%3eThat%27s It%21%3c/span%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
Save our new IFCode and this will be accessible when adding new posts within InstantForum.NET 4.1.4. As indicated above this has been greatly improved with the forthcoming 4.2 update and we now have a dialog which allows you to add YouTube URLs directly from within the editor.%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
As always if you have any questions please don%27t hesitate to leave a comment below or %3ca href%3d%22http%3a//www.instantasp.co.uk/Contact/%22 class%3d%22ApplyClass%22%3econtact us%3c/a%3e. %3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e
We would welcome suggestions for other video services you would like to see supported. For exmaple Ustream etc. 
%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3e%3cspan style%3d%22font-size%3a 4pt%3b%22%3e%3cp%3e%3c/p%3e%3c/span%3eInstantASP Support%3cbr /%3ehttp%3a//kb.instantasp.co.uk/Knowledgebase/Add-YouTube-video-embedding-support-for-InstantForum.NET-%3c/div%3e