Jeff Wallace
Mar 17, 2013
  7039
(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

Petri Isola
Petri Isola 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 Opal: How to Build Effective Workflow Agents

If you're building workflow agents in Optimizely Opal, this post covers how specialized agents pass context to each other, why keeping agents small...

Andre | May 20, 2026

ReviewPR: An Azure Function That Reviews Your Azure DevOps Pull Requests With Claude

A while back I wrote about an  Azure Function App for PDF creation that we use to offload PDF rendering from our Optimizely DXP site. That same...

KennyG | May 19, 2026

Accelerating Optimizely CMS and Commerce upgrades with agentic AI (Part 2 of 2)

The Real Transformation in Optimizely CMS 13: Why the Upgrade Itself Is the Easy Part. A field-tested playbook for enterprise teams moving from...

Hung Le Hoang | May 18, 2026

Is the most powerful AI model really the best value?

Artificial Intelligence is already becoming part of everyday software development. Developers now use AI tools to generate code, write documentatio...

K Khan | May 16, 2026