BlogEngine.NET Extension - Vimeo Video

by Al Bsharah | 11.15.2008 08:52 AM | Comments (14)

The other day I ran across an incredible video on Vimeo (will share video in an upcoming post...don't want to spoil it!)  In doing so, I realized that I needed to post it on my blog...since I'd already written a YouTube Extension / Plug-In for BlogEngine.NET, I decided to modify this to work for Vimeo and publish it as well.  Enjoy!

Yet again, I should give some credit to Sean Blakemore's Silverlight Extension, since that is what I based my YouTube Extension on.

Version history at end of this post.

So, installation is quite easy:

  1. Take this ZIP file - VimeoPlayer.zip (1.39 kb) - and extract the VimeoPlayer.cs file into your /App_Code/Extensions folder within the root of your BlogEngine installation.
  2. Log into the "Extensions" portion of your admin panel, you should see the VimeoPlayer extension.
  3. Click the Edit link to change settings.  NOTE: You do not need to modify these settings if you don't want, you can skip to step 4.
    • Width and Height are set to the default Vimeo size, but I actually run mine at a larger setting of 600 x 338.
    • Make sure you keep this "aspect ratio" of 400 x 225.  Meaning, the default ratio of 400 / 225 = 1.7778.  My new ratio of 600 / 338 = 1.775 (pretty close).  This will assure that you display wide-screen format in case the Vimeo video you imbed is Hi-Definition content.
  4. Create a new entry and add this code to your blog to insert a Vimeo video:  [ vimeo:YourVideoCodeGoesHere ]  (without the spaces).
    • Note that the "YourVideoCodeGoesHere" part is typically random numbers.  You can see them in the URL of your Vimeo video.

Below is an example of a Standard-Definition (SD) video, as well as a High-Definition (HD) video. 

That being said, the code entered for these two videos are [ vimeo:1098984 ] and [ vimeo:1674177 ]
(minus the spaces)

The SD video looks like this:

The HD video looks like this: 

Enjoy!

 

=================
VERSION HISTORY
=================

11.15.08
Version 1.0, first release
VimeoPlayer.zip (1.39 kb)

Share or Bookmark this Post…
  • E-Mail
  • TwitThis
  • Digg
  • Facebook
  • LinkedIn
  • del.icio.us
  • Google
  • MySpace
  • Ping.fm
  • StumbleUpon
  • Technorati
Categories: Development

Tags: , ,
Permalink | Post RSSRSS comment feed | Comments (14)

Comments

9/30/2009 2:37:02 AM #

replacement boiler grant

BlogEngineNET Extension  Vimeo Video  , okay that made me curious. I have  started out to develop utilising Silverlight but I am finding it is a big learning curve.  My earlier experience is with php, mysql, most linux based tools and flash. The challenge of employing Silverlight to produce a good visual design that functions quickly in all the major browsers, Internet Explorer, Firefox, Safari and Google Chrome can be a large headache which is taking me many hours to master.  Absorbing to study your views and the comments in your site on Silverlight.  I find the tutorial web sites and Microsofts offering are strict and cover the same points, discussion in web logs frequently addresses factual methods to overcome problems that leads me through the learning curve more rapidly.  Thanks for the note, it has assisted in a small way to get me through the migration.

replacement boiler grant United Kingdom | Reply

10/24/2009 7:16:19 AM #

Craig

Thanks for step by step installation. I had tried it and its work!

Craig United States | Reply

11/11/2009 10:08:05 AM #

Nebbercracker

It's weird, I've tried it and can't seem to get it to work.  Could I be missing something?

I am running BE 1.5.0.7

Nebbercracker United States | Reply

11/11/2009 11:51:28 AM #

Al Bsharah

Hi Nebbercracker, thanks for posting!  Sorry to hear you're having issues...

This may be a silly question, but are you seeing it in the Extensions portion of the Administration panel?  Can you successfully view the code and/or edit settings from there?

Also, are you using an ISP or your own server?  Maybe there's a strange permission issue of some kind?  Do you have any other extensions installed, and are they working correctly?

Do you have a sample site I can have a look at?

Cheers,
AL

Al Bsharah United States | Reply

11/12/2009 1:55:47 PM #

Nebbercracker

Hi Al,

Thanks for responding.  The site is located at http://disacademy.org.  I can see it in the Extensions panel, and I have other extensions working (example page menu - http://tinyurl.com/yga5d7x).

It is hosted on our server, so I have access to snoop around if necessary. A screenshot of the Extensions panel can be found here: http://tinyurl.com/yjvpgxo

Thanks

Nebbercracker United States | Reply

11/13/2009 8:27:13 AM #

Al Bsharah

Hey again, Nebbercracker!

I don't see an example where you're attempting to put a video in and only the text shows up (was just going to double-check your syntax).

As well, might I recommend you start disabling extensions to see if it finally starts working?  I suppose it's possible there's a conflict of some kind with another extension?

Al Bsharah United States | Reply

11/12/2009 1:56:51 PM #

Nebbercracker

Sorry, you will need to remove the extra period after '.org' to make the link work.  Thanks.

Nebbercracker United States | Reply

11/13/2009 1:16:00 PM #

Nebbercracker

I added a test for video here:

disacademy.org/post/2007/11/13/Testing-Video.aspx

Thanks.  I'll test with disabling other extensions late tonight.

Nebbercracker United States | Reply

11/19/2009 6:21:41 PM #

Al Bsharah

Hey Nebbercracker.  I just copied/pasted both video codes from you site into a test post, and they worked fine.  

One thing I recall from a while back, I've had some issues cutting and pasting the video codes into the BlogEngine editor.  I think some formatting characters got passed in before and it would fail.  Maybe try pasting everything into Notepad (to remove all formatting) and then copying from there into the BE editor and see if that helps...

Any luck with removing extensions to see if there are conflicts?

Cheers,
AL

Al Bsharah | Reply

12/21/2009 12:38:40 AM #

Al Bsharah

Ahhhh, the irony.  Were you ever able to resolve this Nebbercracker?

I had a data failure tonight, and just restored my blog files from a backup.  Upon loading, I've realized that my video extensions are no longer working...much like the problem you've been having.

Did you ever get this resolved?  If so, please advise!  <laughing>

Thanks...

Al Bsharah United States | Reply

12/21/2009 12:53:04 AM #

Al Bsharah

Hey again...I think I fixed the issue.  Hopefully this will be the same fix for you?

1)  Stop IIS (confirmed this is required)
2)  Right click on the root of your blog -> Properties
3)  Uncheck "Read Only"
4)  Apply to all folders and sub-folders
5)  Restart IIS
6)  Voila...(for me, anyway)

Let me know how it goes!

Al Bsharah United States | Reply

2/10/2010 8:29:59 AM #

Olaf Rabbachin

Hi Al - thanks a lot for the extension! Also, regarding the problems that Nebbercracker mentioned - the two of you were probably talking cross purposes really. I can see that, while the extension works perfectly well with blog-entries, it won't work with pages, and I guess that's where Nebbercracker wants them ...

Olaf Rabbachin Germany | Reply

2/10/2010 9:19:57 AM #

Al Bsharah

Hey Olaf, thanks for the reply!  

I see what you're saying...and I think this is an issue with the core of BE.NET, would you agree?  I haven't been able to find anyone who's gotten extensions to work within pages (or anywhere other than posts).

Al Bsharah United States | Reply

2/10/2010 9:29:29 AM #

Olaf Rabbachin

Hi Al,

yep, I think you're right. Just tried it out with two other extensions that I installed before and they have the same problem ...

Olaf Rabbachin Germany | Reply

Add comment


(Will show your Gravatar icon)

  Country flag

Click to change captcha
biuquote
  • Comment
  • Preview
Loading



Powered by BlogEngine.NET 1.6.0.0
Theme by Mads Kristensen

RecentComments

Comment RSS

Calendar

<<  March 2010  >>
MoTuWeThFrSaSu
22232425262728
1234567
891011121314
15161718192021
22232425262728
2930311234

View posts in large calendar

Tag cloud