Jeff Wallace
Mar 17, 2013
  6938
(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
Using Scalar with Optimizely CMS

OpenAPI, Content Delivery API, and Modern API Documentation Modern Optimizely CMS solutions are increasingly API-first. Whether you are building a...

Andreas Ylivainio | Feb 6, 2026

Optimizely PaaS + Figma + AI: Auto‑Generate Blocks with Cursor

What if your design handoff wrote itself? In this end‑to‑end demo, I use an AI Agent (inside Cursor) to translate a Figma design into an... The pos...

Naveed Ul-Haq | Feb 5, 2026 |

Graph access with only JS and Fetch

Postman is a popular tool for testing APIs. However, when testing an API like Optimizely Graph that I will be consuming in the front-end I prefer t...

Daniel Halse | Feb 4, 2026

Best Practices for Implementing Optimizely SaaS CMS: A Collective Wisdom Guide

This guide compiles collective insights and recommendations from Optimizely experts for implementing Optimizely SaaS CMS, focusing on achieving...

David Knipe | Feb 4, 2026 |