Calling all developers! We invite you to provide your input on Feature Experimentation by completing this brief survey.

 

Jeff Wallace
Mar 17, 2013
  6511
(1 votes)

YouTube Block

Based on EPiServer 7 and Alloy Templates

The title says it all! My colleague Janaka Fernando was kind enough to share a YouTube block with me that he created. I tweaked it a bit to add a few extras including a responsive flow. The result of our combined effort is described below.

Configurable items include:

  • YouTube Link (required) – URL to the YouTube video
  • Heading – Heading for the video
  • Video Text – Descriptive text for the video

Example of block configuration:

image

 

Example of block preview in the editorial interface:

image

 

What the site visitor will see:

image

 

Mobile view:

image

 

I’ve uploaded the code to the EPiServer Nuget feed and it should appear there once approved. In the mean time you can get it here…

And if you find this exciting, well, then you should really watch the full RebBull Stratos YouTube video. Amazing!

Enjoy!


  1. This is intended as a starting point for you to customize for your project needs. The code is provided “as is” without warranty or guarantee of operation. Use at your own risk.
  2. If you install on a site that does not include the Alloy Templates you should expect that you will need to make a few minor updates to get it working as desired. Also, in a production environment you may wish to tweak to improve the performance.
Mar 17, 2013

Comments

Mar 18, 2013 08:41 AM

Saw the video feed live. It was amazing. Now, I will be able to enjoy it in the context of Alloy :-) Supercool.

Please login to comment.
Latest blogs
Optimizely CMS easy RSS feed integration library

As I've mentioned in my  previous blog post , while I was developing the Optimizely version of my blog, I tried to look for a library that could...

David Drouin-Prince | Jan 25, 2025 | Syndicated blog

Decimal numbers in Optimizely Graph

Storing prices as decimal numbers on a commerce website and planning to expose them through Optimizely Graph? It might not be as straightforward as...

Damian Smutek | Jan 23, 2025 | Syndicated blog

Find and delete non used media and blocks

On my new quest to play around with Blazor and MudBlazor I'm going back memory lane and porting some previously plugins. So this time up is my plug...

Per Nergård (MVP) | Jan 21, 2025

Optimizely Content Graph on mobile application

CG everywhere! I pull schema from our default index https://cg.optimizely.com/app/graphiql?auth=eBrGunULiC5TziTCtiOLEmov2LijBf30obh0KmhcBlyTktGZ in...

Cuong Nguyen Dinh | Jan 20, 2025