A critical vulnerability was discovered in React Server Components (Next.js). Our systems remain protected but we advise to update packages to newest version. Learn More

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

Please login to comment.
Latest blogs
A day in the life of an Optimizely OMVP: Learning Optimizely Just Got Easier: Introducing the Optimizely Learning Centre

On the back of my last post about the Opti Graph Learning Centre, I am now happy to announce a revamped interactive learning platform that makes...

Graham Carr | Jan 31, 2026

Scheduled job for deleting content types and all related content

In my previous blog post which was about getting an overview of your sites content https://world.optimizely.com/blogs/Per-Nergard/Dates/2026/1/sche...

Per Nergård (MVP) | Jan 30, 2026

Working With Applications in Optimizely CMS 13

💡 Note:  The following content has been written based on Optimizely CMS 13 Preview 2 and may not accurately reflect the final release version. As...

Mark Stott | Jan 30, 2026

Experimentation at Speed Using Optimizely Opal and Web Experimentation

If you are working in experimentation, you will know that speed matters. The quicker you can go from idea to implementation, the faster you can...

Minesh Shah (Netcel) | Jan 30, 2026