List of artifacts

Flag	Description
SHOW_BUMPER_PERIODICITY	- Current time minus periodicity must be greater that last time viewed
ENABLE_VIDEO_BUMPER	Check if bumper enabled. - Feature flag ENABLE_VIDEO_BUMPER should be set to True - Do not show again button should not be clicked by user. - Current time minus periodicity must be greater that last time viewed - edxval_api should be presented
AUTOPLAY_VIDEOS
ENABLE_AUTOADVANCE_VIDEOS	# This is the setting that controls whether the autoadvance button will be visible, not whether the # video will autoadvance or not. # For autoadvance controls to be shown, both the feature flag and the course setting must be true. # This allows to enable the feature for certain courses only.
FALLBACK_TO_ENGLISH_TRANSCRIPTS
DEPRECATE_YOUTUBE (Waffle)	# check if youtube has been deprecated and hls as primary playback # is enabled for this course

Features that might be considered for deprecation in old Video Block

Feature	Description	Decision

Architecture Decisions

Comparison of introducing a new xBlock vs Refactoring existing Video Block to include several UI options.

Whiteboard: https://excalidraw.com/#room=bb5ec8f1a9402a2ef3b5,QXIMmn8cmiQV9WhcTkQc-w

High-level architecture:

Option 1:

Option 2:

Option 3:

Solution / Problem	Move Current VideoBlock out of the platform and extend it with Video.js based video player	Create a separate FE for the existing backend in edx-platform	Create a completely new video xBlock, but leave VideoBlock inside edx-platform
JS Refactoring	JS Refactoring is required to move out it from the edx-platform	Completely new frontend development, it’s not required to work with the legacy Video Player implementation	No need for existing JS refactoring, only new functionality will be added
Python refactoring	For python only new code will be introduced in Video xBlock required for the Video.js implementation. Most of the backend code will work as is. Slight deprecation activities are possible.	The further development on existing backend in edx-platform is required.	It’s required to refactor existing backend to adjust the required functionality for the Video.js based player. New code may be added on top or replace existing functions and utilities.
Installation	NPM installation into MFEs may be a little bit complicated Usual PIP installation of the xBlock into OeX system	NPM installation is simple, following the current approach with frontend-component-* repositories.	NPM installation into MFEs may be also complicated In addition a mechanism for switching between new xBlock and old video block should be implemented.
Release Management	Frontend and Backend packages will use the same tag using SemVer scheme.	Only Frontend component will have a frontend versioning.	Only new Frontend and New Backend will have SemVer versioning.

ARD Draft and sources:

Single xblock for Old and New Player with Frontend and backend stored in monorepo

Use React.js in xblock environment

https://github.com/openedx/XBlock/issues/635

Discussion: https://discuss.openedx.org/t/running-react-code-in-an-xblock/8532/2?u=glib_glugovskiy

Proof of concept: https://github.com/raccoongang/ms-teams-html-xblock/commit/4c98b684cc4004bd5fe9c36280b956e1f6d3e8b6#diff-d671016f5ad4dbe553c9953e7c11fac30473b5473ea341a0b7622954207076feR80

Build mechanisms for the xBlock:

Standalone FE: Webpack → NPM (registry) → SPA installation

xBlock FE (LMS, CMS): Static collection → React Renderer

xBlock BE: Setup.py(or pyproject.toml) → PIP install → xBlock runtime

Course Waffle flags:

https://drive.google.com/file/d/1jv6LD5xriMYKOTpcsW6Wpt9cYr_oLFyu/view?usp=sharing

[DRAFT] Architecture Doc for Technical Discovery React Video Player

List of artifacts

Frontend for video player (React component to wrap Video.js)

Video.js FAQ

Video.js Options

Existing Implementation for Video.js in OeX codebase

Webpack config

Work with translations for video player

Skins / theming:

Buffering issues analytics

CDN

Video Player Backend

Transcripts

Public sharing?

Default video controls

Optional Features (waffles and Flags) in Old Video block