diff --git a/website_sale_product_video_html5/README.rst b/website_sale_product_video_html5/README.rst
new file mode 100644
index 0000000000..ab0ba7fa2b
--- /dev/null
+++ b/website_sale_product_video_html5/README.rst
@@ -0,0 +1,139 @@
+.. image:: https://odoo-community.org/readme-banner-image
+   :target: https://odoo-community.org/get-involved?utm_source=readme
+   :alt: Odoo Community Association
+
+=============================
+eCommerce Product Video HTML5
+=============================
+
+.. 
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! This file is generated by oca-gen-addon-readme !!
+   !! changes will be overwritten.                   !!
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! source digest: sha256:ef92162bf8a78a8ace1cc240924bd890473dc59e63844aac70be3c3e5c98a6f9
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+
+.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
+    :target: https://odoo-community.org/page/development-status
+    :alt: Beta
+.. |badge2| image:: https://img.shields.io/badge/license-AGPL--3-blue.png
+    :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
+    :alt: License: AGPL-3
+.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fe--commerce-lightgray.png?logo=github
+    :target: https://github.com/OCA/e-commerce/tree/19.0/website_sale_product_video_html5
+    :alt: OCA/e-commerce
+.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
+    :target: https://translation.odoo-community.org/projects/e-commerce-19-0/e-commerce-19-0-website_sale_product_video_html5
+    :alt: Translate me on Weblate
+.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
+    :target: https://runboat.odoo-community.org/builds?repo=OCA/e-commerce&target_branch=19.0
+    :alt: Try me on Runboat
+
+|badge1| |badge2| |badge3| |badge4| |badge5|
+
+This module lets you showcase products with video files hosted on your
+own server or on a CDN, next to the YouTube, Vimeo, Dailymotion,
+Instagram and Facebook videos supported by Odoo in the eCommerce media
+of products.
+
+Such videos are played with the browser's native HTML5 ``<video>``
+player, so no third-party player or cookies are involved. By default,
+the image of the media is shown as a poster with a play button, and
+nothing is downloaded until the visitor starts the video.
+
+**Table of contents**
+
+.. contents::
+   :local:
+
+Configuration
+=============
+
+Video URLs ending with a video file extension (``.mp4``, ``.m4v``,
+``.webm``, ``.ogv``, ``.ogg``) are accepted without configuration.
+
+Many CDNs serve videos from URLs without a file extension. To allow
+them, go to *Website > Configuration > Settings*, and list the hosts
+serving these videos in *Self-hosted product videos*, separated by
+commas (e.g. ``res.cloudinary.com``). Subdomains of these hosts are
+allowed as well.
+
+Usage
+=====
+
+1. Open a product, and add a media in *eCommerce Media* of the *Sales*
+   tab.
+2. Fill in the *Video URL* with the URL of the video file, e.g.
+   ``https://cdn.example.com/videos/product.mp4``.
+3. Upload an image: it is used as thumbnail in the product page carousel
+   and as poster of the video.
+
+The player can be tuned by adding parameters to the video URL:
+
+- ``autoplay=1``: start playing on page load, muted (browsers block
+  autoplay with sound);
+- ``loop=1``: play the video in a loop;
+- ``controls=0``: hide the player controls.
+
+These parameters are removed from the URL the browser loads, so signed
+CDN URLs keep working.
+
+As the computation only depends on the URL, video media can also be
+created by imports or through the API.
+
+Known issues / Roadmap
+======================
+
+- Generate the thumbnail from the video, as done for the other
+  platforms.
+- Support HTTP Live Streaming (``.m3u8``) playlists, which need a
+  JavaScript player outside of Safari.
+
+Bug Tracker
+===========
+
+Bugs are tracked on `GitHub Issues <https://github.com/OCA/e-commerce/issues>`_.
+In case of trouble, please check there if your issue has already been reported.
+If you spotted it first, help us to smash it by providing a detailed and welcomed
+`feedback <https://github.com/OCA/e-commerce/issues/new?body=module:%20website_sale_product_video_html5%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+
+Do not contact contributors directly about support or help with technical issues.
+
+Credits
+=======
+
+Authors
+-------
+
+* bosd
+
+Contributors
+------------
+
+- Bosd
+
+Maintainers
+-----------
+
+This module is maintained by the OCA.
+
+.. image:: https://odoo-community.org/logo.png
+   :alt: Odoo Community Association
+   :target: https://odoo-community.org
+
+OCA, or the Odoo Community Association, is a nonprofit organization whose
+mission is to support the collaborative development of Odoo features and
+promote its widespread use.
+
+.. |maintainer-bosd| image:: https://github.com/bosd.png?size=40px
+    :target: https://github.com/bosd
+    :alt: bosd
+
+Current `maintainer <https://odoo-community.org/page/maintainer-role>`__:
+
+|maintainer-bosd| 
+
+This module is part of the `OCA/e-commerce <https://github.com/OCA/e-commerce/tree/19.0/website_sale_product_video_html5>`_ project on GitHub.
+
+You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.
diff --git a/website_sale_product_video_html5/__init__.py b/website_sale_product_video_html5/__init__.py
new file mode 100644
index 0000000000..0650744f6b
--- /dev/null
+++ b/website_sale_product_video_html5/__init__.py
@@ -0,0 +1 @@
+from . import models
diff --git a/website_sale_product_video_html5/__manifest__.py b/website_sale_product_video_html5/__manifest__.py
new file mode 100644
index 0000000000..d78e1c6a67
--- /dev/null
+++ b/website_sale_product_video_html5/__manifest__.py
@@ -0,0 +1,17 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+{
+    "name": "eCommerce Product Video HTML5",
+    "summary": "Show self-hosted and CDN video files in the product images",
+    "version": "19.0.1.0.0",
+    "category": "Website/Website",
+    "author": "bosd, Odoo Community Association (OCA)",
+    "maintainers": ["bosd"],
+    "website": "https://github.com/OCA/e-commerce",
+    "license": "AGPL-3",
+    "depends": ["website_sale"],
+    "data": [
+        "views/res_config_settings_views.xml",
+    ],
+    "installable": True,
+}
diff --git a/website_sale_product_video_html5/i18n/website_sale_product_video_html5.pot b/website_sale_product_video_html5/i18n/website_sale_product_video_html5.pot
new file mode 100644
index 0000000000..acd7da2330
--- /dev/null
+++ b/website_sale_product_video_html5/i18n/website_sale_product_video_html5.pot
@@ -0,0 +1,67 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# 	* website_sale_product_video_html5
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 19.0\n"
+"Report-Msgid-Bugs-To: \n"
+"POT-Creation-Date: 2026-10-14 09:12+0000\n"
+"PO-Revision-Date: 2026-10-14 09:12+0000\n"
+"Last-Translator: \n"
+"Language-Team: \n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: \n"
+
+#. module: website_sale_product_video_html5
+#: model:ir.model.fields,help:website_sale_product_video_html5.field_res_config_settings__product_video_allowed_hosts
+msgid ""
+"Comma-separated list of hosts serving product videos from URLs without a "
+"file extension, e.g. res.cloudinary.com. Subdomains are included."
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model:ir.model,name:website_sale_product_video_html5.model_res_config_settings
+msgid "Config Settings"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model:ir.model.fields,field_description:website_sale_product_video_html5.field_product_image__display_name
+#: model:ir.model.fields,field_description:website_sale_product_video_html5.field_res_config_settings__display_name
+msgid "Display Name"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model:ir.model.fields,field_description:website_sale_product_video_html5.field_product_image__id
+#: model:ir.model.fields,field_description:website_sale_product_video_html5.field_res_config_settings__id
+msgid "ID"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model:ir.model,name:website_sale_product_video_html5.model_product_image
+msgid "Product Image"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model:ir.model.fields,field_description:website_sale_product_video_html5.field_res_config_settings__product_video_allowed_hosts
+msgid "Product Video Hosts"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model_terms:ir.ui.view,arch_db:website_sale_product_video_html5.res_config_settings_view_form
+msgid ""
+"Product video URLs ending in .mp4, .webm, .ogv or .m4v are always accepted. "
+"List here the hosts serving videos from URLs without a file extension."
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model_terms:ir.ui.view,arch_db:website_sale_product_video_html5.res_config_settings_view_form
+msgid "Self-hosted product videos"
+msgstr ""
+
+#. module: website_sale_product_video_html5
+#: model_terms:ir.ui.view,arch_db:website_sale_product_video_html5.res_config_settings_view_form
+msgid "res.cloudinary.com, cdn.example.com"
+msgstr ""
diff --git a/website_sale_product_video_html5/models/__init__.py b/website_sale_product_video_html5/models/__init__.py
new file mode 100644
index 0000000000..7d40d3bff9
--- /dev/null
+++ b/website_sale_product_video_html5/models/__init__.py
@@ -0,0 +1,2 @@
+from . import product_image
+from . import res_config_settings
diff --git a/website_sale_product_video_html5/models/product_image.py b/website_sale_product_video_html5/models/product_image.py
new file mode 100644
index 0000000000..fda8cc8843
--- /dev/null
+++ b/website_sale_product_video_html5/models/product_image.py
@@ -0,0 +1,60 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from markupsafe import Markup
+
+from odoo import api, models
+
+from odoo.addons.html_editor.tools import get_video_source_data
+
+from ..tools import get_allowed_hosts, is_html5_video_url, split_video_url
+
+
+class ProductImage(models.Model):
+    _inherit = "product.image"
+
+    @api.depends("video_url")
+    def _compute_embed_code(self):
+        allowed_hosts = get_allowed_hosts(self.env)
+        html5_images = self.filtered(
+            lambda image: is_html5_video_url(image.video_url, allowed_hosts)
+            and not get_video_source_data(image.video_url)
+        )
+        for image in html5_images:
+            image.embed_code = image._get_html5_video_embed_code()
+        return super(ProductImage, self - html5_images)._compute_embed_code()
+
+    def _get_html5_video_poster_url(self):
+        """URL of the image shown before the video is played."""
+        self.ensure_one()
+        if not self._origin.id or not self.with_context(bin_size=True).image_1024:
+            return False
+        website = self.env["website"].get_current_website()
+        url = website.image_url(self._origin, "image_1024")
+        if website.cdn_activated:
+            url = website.get_cdn_url(url)
+        return url
+
+    def _get_html5_video_embed_code(self):
+        self.ensure_one()
+        src, options = split_video_url(self.video_url.strip())
+        attributes = {
+            "class": "o_product_video_html5 w-100 h-100",
+            "src": src,
+            "playsinline": "playsinline",
+            # Nothing is downloaded until the visitor starts the video.
+            "preload": "none",
+        }
+        if not options.get("hide_controls"):
+            attributes["controls"] = "controls"
+        if options.get("autoplay"):
+            # Browsers only allow autoplay for muted videos.
+            attributes.update(autoplay="autoplay", muted="muted", preload="auto")
+        if options.get("loop"):
+            attributes["loop"] = "loop"
+        poster = self._get_html5_video_poster_url()
+        if poster:
+            attributes["poster"] = poster
+        return Markup("<video %s></video>") % Markup(" ").join(
+            Markup('%s="%s"') % item for item in attributes.items()
+        )
diff --git a/website_sale_product_video_html5/models/res_config_settings.py b/website_sale_product_video_html5/models/res_config_settings.py
new file mode 100644
index 0000000000..1f48d7e9fd
--- /dev/null
+++ b/website_sale_product_video_html5/models/res_config_settings.py
@@ -0,0 +1,16 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from odoo import fields, models
+
+
+class ResConfigSettings(models.TransientModel):
+    _inherit = "res.config.settings"
+
+    product_video_allowed_hosts = fields.Char(
+        string="Product Video Hosts",
+        config_parameter="website_sale_product_video_html5.allowed_hosts",
+        help="Comma-separated list of hosts serving product videos from URLs "
+        "without a file extension, e.g. res.cloudinary.com. Subdomains are "
+        "included.",
+    )
diff --git a/website_sale_product_video_html5/pyproject.toml b/website_sale_product_video_html5/pyproject.toml
new file mode 100644
index 0000000000..4231d0cccb
--- /dev/null
+++ b/website_sale_product_video_html5/pyproject.toml
@@ -0,0 +1,3 @@
+[build-system]
+requires = ["whool"]
+build-backend = "whool.buildapi"
diff --git a/website_sale_product_video_html5/readme/CONFIGURE.md b/website_sale_product_video_html5/readme/CONFIGURE.md
new file mode 100644
index 0000000000..41724e63fb
--- /dev/null
+++ b/website_sale_product_video_html5/readme/CONFIGURE.md
@@ -0,0 +1,7 @@
+Video URLs ending with a video file extension (`.mp4`, `.m4v`, `.webm`,
+`.ogv`, `.ogg`) are accepted without configuration.
+
+Many CDNs serve videos from URLs without a file extension. To allow them, go
+to *Website \> Configuration \> Settings*, and list the hosts serving these
+videos in *Self-hosted product videos*, separated by commas (e.g.
+`res.cloudinary.com`). Subdomains of these hosts are allowed as well.
diff --git a/website_sale_product_video_html5/readme/CONTRIBUTORS.md b/website_sale_product_video_html5/readme/CONTRIBUTORS.md
new file mode 100644
index 0000000000..79979a667d
--- /dev/null
+++ b/website_sale_product_video_html5/readme/CONTRIBUTORS.md
@@ -0,0 +1 @@
+- Bosd
diff --git a/website_sale_product_video_html5/readme/DESCRIPTION.md b/website_sale_product_video_html5/readme/DESCRIPTION.md
new file mode 100644
index 0000000000..e439617ba1
--- /dev/null
+++ b/website_sale_product_video_html5/readme/DESCRIPTION.md
@@ -0,0 +1,8 @@
+This module lets you showcase products with video files hosted on your own
+server or on a CDN, next to the YouTube, Vimeo, Dailymotion, Instagram and
+Facebook videos supported by Odoo in the eCommerce media of products.
+
+Such videos are played with the browser's native HTML5 `<video>` player, so
+no third-party player or cookies are involved. By default, the image of the
+media is shown as a poster with a play button, and nothing is downloaded
+until the visitor starts the video.
diff --git a/website_sale_product_video_html5/readme/ROADMAP.md b/website_sale_product_video_html5/readme/ROADMAP.md
new file mode 100644
index 0000000000..0db855fab3
--- /dev/null
+++ b/website_sale_product_video_html5/readme/ROADMAP.md
@@ -0,0 +1,3 @@
+- Generate the thumbnail from the video, as done for the other platforms.
+- Support HTTP Live Streaming (`.m3u8`) playlists, which need a JavaScript
+  player outside of Safari.
diff --git a/website_sale_product_video_html5/readme/USAGE.md b/website_sale_product_video_html5/readme/USAGE.md
new file mode 100644
index 0000000000..950c634b8d
--- /dev/null
+++ b/website_sale_product_video_html5/readme/USAGE.md
@@ -0,0 +1,19 @@
+1.  Open a product, and add a media in *eCommerce Media* of the
+    *Sales* tab.
+2.  Fill in the *Video URL* with the URL of the video file, e.g.
+    `https://cdn.example.com/videos/product.mp4`.
+3.  Upload an image: it is used as thumbnail in the product page carousel and
+    as poster of the video.
+
+The player can be tuned by adding parameters to the video URL:
+
+- `autoplay=1`: start playing on page load, muted (browsers block autoplay
+  with sound);
+- `loop=1`: play the video in a loop;
+- `controls=0`: hide the player controls.
+
+These parameters are removed from the URL the browser loads, so signed CDN
+URLs keep working.
+
+As the computation only depends on the URL, video media can also be created
+by imports or through the API.
diff --git a/website_sale_product_video_html5/static/description/icon.png b/website_sale_product_video_html5/static/description/icon.png
new file mode 100644
index 0000000000..3a0328b516
Binary files /dev/null and b/website_sale_product_video_html5/static/description/icon.png differ
diff --git a/website_sale_product_video_html5/static/description/index.html b/website_sale_product_video_html5/static/description/index.html
new file mode 100644
index 0000000000..9419d29ab1
--- /dev/null
+++ b/website_sale_product_video_html5/static/description/index.html
@@ -0,0 +1,482 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="generator" content="Docutils: https://docutils.sourceforge.io/" />
+<title>eCommerce Product Video HTML5</title>
+<style type="text/css">
+
+/*
+:Author: David Goodger (goodger@python.org)
+:Id: $Id: html4css1.css 9511 2024-01-13 09:50:07Z milde $
+:Copyright: This stylesheet has been placed in the public domain.
+
+Default cascading style sheet for the HTML output of Docutils.
+Despite the name, some widely supported CSS2 features are used.
+
+See https://docutils.sourceforge.io/docs/howto/html-stylesheets.html for how to
+customize this style sheet.
+*/
+
+/* used to remove borders from tables and images */
+.borderless, table.borderless td, table.borderless th {
+  border: 0 }
+
+table.borderless td, table.borderless th {
+  /* Override padding for "table.docutils td" with "! important".
+     The right padding separates the table cells. */
+  padding: 0 0.5em 0 0 ! important }
+
+.first {
+  /* Override more specific margin styles with "! important". */
+  margin-top: 0 ! important }
+
+.last, .with-subtitle {
+  margin-bottom: 0 ! important }
+
+.hidden {
+  display: none }
+
+.subscript {
+  vertical-align: sub;
+  font-size: smaller }
+
+.superscript {
+  vertical-align: super;
+  font-size: smaller }
+
+a.toc-backref {
+  text-decoration: none ;
+  color: black }
+
+blockquote.epigraph {
+  margin: 2em 5em ; }
+
+dl.docutils dd {
+  margin-bottom: 0.5em }
+
+object[type="image/svg+xml"], object[type="application/x-shockwave-flash"] {
+  overflow: hidden;
+}
+
+/* Uncomment (and remove this text!) to get bold-faced definition list terms
+dl.docutils dt {
+  font-weight: bold }
+*/
+
+div.abstract {
+  margin: 2em 5em }
+
+div.abstract p.topic-title {
+  font-weight: bold ;
+  text-align: center }
+
+div.admonition, div.attention, div.caution, div.danger, div.error,
+div.hint, div.important, div.note, div.tip, div.warning {
+  margin: 2em ;
+  border: medium outset ;
+  padding: 1em }
+
+div.admonition p.admonition-title, div.hint p.admonition-title,
+div.important p.admonition-title, div.note p.admonition-title,
+div.tip p.admonition-title {
+  font-weight: bold ;
+  font-family: sans-serif }
+
+div.attention p.admonition-title, div.caution p.admonition-title,
+div.danger p.admonition-title, div.error p.admonition-title,
+div.warning p.admonition-title, .code .error {
+  color: red ;
+  font-weight: bold ;
+  font-family: sans-serif }
+
+/* Uncomment (and remove this text!) to get reduced vertical space in
+   compound paragraphs.
+div.compound .compound-first, div.compound .compound-middle {
+  margin-bottom: 0.5em }
+
+div.compound .compound-last, div.compound .compound-middle {
+  margin-top: 0.5em }
+*/
+
+div.dedication {
+  margin: 2em 5em ;
+  text-align: center ;
+  font-style: italic }
+
+div.dedication p.topic-title {
+  font-weight: bold ;
+  font-style: normal }
+
+div.figure {
+  margin-left: 2em ;
+  margin-right: 2em }
+
+div.footer, div.header {
+  clear: both;
+  font-size: smaller }
+
+div.line-block {
+  display: block ;
+  margin-top: 1em ;
+  margin-bottom: 1em }
+
+div.line-block div.line-block {
+  margin-top: 0 ;
+  margin-bottom: 0 ;
+  margin-left: 1.5em }
+
+div.sidebar {
+  margin: 0 0 0.5em 1em ;
+  border: medium outset ;
+  padding: 1em ;
+  background-color: #ffffee ;
+  width: 40% ;
+  float: right ;
+  clear: right }
+
+div.sidebar p.rubric {
+  font-family: sans-serif ;
+  font-size: medium }
+
+div.system-messages {
+  margin: 5em }
+
+div.system-messages h1 {
+  color: red }
+
+div.system-message {
+  border: medium outset ;
+  padding: 1em }
+
+div.system-message p.system-message-title {
+  color: red ;
+  font-weight: bold }
+
+div.topic {
+  margin: 2em }
+
+h1.section-subtitle, h2.section-subtitle, h3.section-subtitle,
+h4.section-subtitle, h5.section-subtitle, h6.section-subtitle {
+  margin-top: 0.4em }
+
+h1.title {
+  text-align: center }
+
+h2.subtitle {
+  text-align: center }
+
+hr.docutils {
+  width: 75% }
+
+img.align-left, .figure.align-left, object.align-left, table.align-left {
+  clear: left ;
+  float: left ;
+  margin-right: 1em }
+
+img.align-right, .figure.align-right, object.align-right, table.align-right {
+  clear: right ;
+  float: right ;
+  margin-left: 1em }
+
+img.align-center, .figure.align-center, object.align-center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+table.align-center {
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.align-left {
+  text-align: left }
+
+.align-center {
+  clear: both ;
+  text-align: center }
+
+.align-right {
+  text-align: right }
+
+/* reset inner alignment in figures */
+div.align-right {
+  text-align: inherit }
+
+/* div.align-center * { */
+/*   text-align: left } */
+
+.align-top    {
+  vertical-align: top }
+
+.align-middle {
+  vertical-align: middle }
+
+.align-bottom {
+  vertical-align: bottom }
+
+ol.simple, ul.simple {
+  margin-bottom: 1em }
+
+ol.arabic {
+  list-style: decimal }
+
+ol.loweralpha {
+  list-style: lower-alpha }
+
+ol.upperalpha {
+  list-style: upper-alpha }
+
+ol.lowerroman {
+  list-style: lower-roman }
+
+ol.upperroman {
+  list-style: upper-roman }
+
+p.attribution {
+  text-align: right ;
+  margin-left: 50% }
+
+p.caption {
+  font-style: italic }
+
+p.credits {
+  font-style: italic ;
+  font-size: smaller }
+
+p.label {
+  white-space: nowrap }
+
+p.rubric {
+  font-weight: bold ;
+  font-size: larger ;
+  color: maroon ;
+  text-align: center }
+
+p.sidebar-title {
+  font-family: sans-serif ;
+  font-weight: bold ;
+  font-size: larger }
+
+p.sidebar-subtitle {
+  font-family: sans-serif ;
+  font-weight: bold }
+
+p.topic-title {
+  font-weight: bold }
+
+pre.address {
+  margin-bottom: 0 ;
+  margin-top: 0 ;
+  font: inherit }
+
+pre.literal-block, pre.doctest-block, pre.math, pre.code {
+  margin-left: 2em ;
+  margin-right: 2em }
+
+pre.code .ln { color: gray; } /* line numbers */
+pre.code, code { background-color: #eeeeee }
+pre.code .comment, code .comment { color: #5C6576 }
+pre.code .keyword, code .keyword { color: #3B0D06; font-weight: bold }
+pre.code .literal.string, code .literal.string { color: #0C5404 }
+pre.code .name.builtin, code .name.builtin { color: #352B84 }
+pre.code .deleted, code .deleted { background-color: #DEB0A1}
+pre.code .inserted, code .inserted { background-color: #A3D289}
+
+span.classifier {
+  font-family: sans-serif ;
+  font-style: oblique }
+
+span.classifier-delimiter {
+  font-family: sans-serif ;
+  font-weight: bold }
+
+span.interpreted {
+  font-family: sans-serif }
+
+span.option {
+  white-space: nowrap }
+
+span.pre {
+  white-space: pre }
+
+span.problematic, pre.problematic {
+  color: red }
+
+span.section-subtitle {
+  /* font-size relative to parent (h1..h6 element) */
+  font-size: 80% }
+
+table.citation {
+  border-left: solid 1px gray;
+  margin-left: 1px }
+
+table.docinfo {
+  margin: 2em 4em }
+
+table.docutils {
+  margin-top: 0.5em ;
+  margin-bottom: 0.5em }
+
+table.footnote {
+  border-left: solid 1px black;
+  margin-left: 1px }
+
+table.docutils td, table.docutils th,
+table.docinfo td, table.docinfo th {
+  padding-left: 0.5em ;
+  padding-right: 0.5em ;
+  vertical-align: top }
+
+table.docutils th.field-name, table.docinfo th.docinfo-name {
+  font-weight: bold ;
+  text-align: left ;
+  white-space: nowrap ;
+  padding-left: 0 }
+
+/* "booktabs" style (no vertical lines) */
+table.docutils.booktabs {
+  border: 0px;
+  border-top: 2px solid;
+  border-bottom: 2px solid;
+  border-collapse: collapse;
+}
+table.docutils.booktabs * {
+  border: 0px;
+}
+table.docutils.booktabs th {
+  border-bottom: thin solid;
+  text-align: left;
+}
+
+h1 tt.docutils, h2 tt.docutils, h3 tt.docutils,
+h4 tt.docutils, h5 tt.docutils, h6 tt.docutils {
+  font-size: 100% }
+
+ul.auto-toc {
+  list-style-type: none }
+
+</style>
+</head>
+<body>
+<div class="document">
+
+
+<a class="reference external image-reference" href="https://odoo-community.org/get-involved?utm_source=readme">
+<img alt="Odoo Community Association" src="https://odoo-community.org/readme-banner-image" />
+</a>
+<div class="section" id="ecommerce-product-video-html5">
+<h1>eCommerce Product Video HTML5</h1>
+<!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! This file is generated by oca-gen-addon-readme !!
+!! changes will be overwritten.                   !!
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! source digest: sha256:ef92162bf8a78a8ace1cc240924bd890473dc59e63844aac70be3c3e5c98a6f9
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
+<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/license-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/e-commerce/tree/19.0/website_sale_product_video_html5"><img alt="OCA/e-commerce" src="https://img.shields.io/badge/github-OCA%2Fe--commerce-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/e-commerce-19-0/e-commerce-19-0-website_sale_product_video_html5"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/e-commerce&amp;target_branch=19.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
+<p>This module lets you showcase products with video files hosted on your
+own server or on a CDN, next to the YouTube, Vimeo, Dailymotion,
+Instagram and Facebook videos supported by Odoo in the eCommerce media
+of products.</p>
+<p>Such videos are played with the browser’s native HTML5 <tt class="docutils literal">&lt;video&gt;</tt>
+player, so no third-party player or cookies are involved. By default,
+the image of the media is shown as a poster with a play button, and
+nothing is downloaded until the visitor starts the video.</p>
+<p><strong>Table of contents</strong></p>
+<div class="contents local topic" id="contents">
+<ul class="simple">
+<li><a class="reference internal" href="#configuration" id="toc-entry-1">Configuration</a></li>
+<li><a class="reference internal" href="#usage" id="toc-entry-2">Usage</a></li>
+<li><a class="reference internal" href="#known-issues-roadmap" id="toc-entry-3">Known issues / Roadmap</a></li>
+<li><a class="reference internal" href="#bug-tracker" id="toc-entry-4">Bug Tracker</a></li>
+<li><a class="reference internal" href="#credits" id="toc-entry-5">Credits</a><ul>
+<li><a class="reference internal" href="#authors" id="toc-entry-6">Authors</a></li>
+<li><a class="reference internal" href="#contributors" id="toc-entry-7">Contributors</a></li>
+<li><a class="reference internal" href="#maintainers" id="toc-entry-8">Maintainers</a></li>
+</ul>
+</li>
+</ul>
+</div>
+<div class="section" id="configuration">
+<h2><a class="toc-backref" href="#toc-entry-1">Configuration</a></h2>
+<p>Video URLs ending with a video file extension (<tt class="docutils literal">.mp4</tt>, <tt class="docutils literal">.m4v</tt>,
+<tt class="docutils literal">.webm</tt>, <tt class="docutils literal">.ogv</tt>, <tt class="docutils literal">.ogg</tt>) are accepted without configuration.</p>
+<p>Many CDNs serve videos from URLs without a file extension. To allow
+them, go to <em>Website &gt; Configuration &gt; Settings</em>, and list the hosts
+serving these videos in <em>Self-hosted product videos</em>, separated by
+commas (e.g. <tt class="docutils literal">res.cloudinary.com</tt>). Subdomains of these hosts are
+allowed as well.</p>
+</div>
+<div class="section" id="usage">
+<h2><a class="toc-backref" href="#toc-entry-2">Usage</a></h2>
+<ol class="arabic simple">
+<li>Open a product, and add a media in <em>eCommerce Media</em> of the <em>Sales</em>
+tab.</li>
+<li>Fill in the <em>Video URL</em> with the URL of the video file, e.g.
+<tt class="docutils literal"><span class="pre">https://cdn.example.com/videos/product.mp4</span></tt>.</li>
+<li>Upload an image: it is used as thumbnail in the product page carousel
+and as poster of the video.</li>
+</ol>
+<p>The player can be tuned by adding parameters to the video URL:</p>
+<ul class="simple">
+<li><tt class="docutils literal">autoplay=1</tt>: start playing on page load, muted (browsers block
+autoplay with sound);</li>
+<li><tt class="docutils literal">loop=1</tt>: play the video in a loop;</li>
+<li><tt class="docutils literal">controls=0</tt>: hide the player controls.</li>
+</ul>
+<p>These parameters are removed from the URL the browser loads, so signed
+CDN URLs keep working.</p>
+<p>As the computation only depends on the URL, video media can also be
+created by imports or through the API.</p>
+</div>
+<div class="section" id="known-issues-roadmap">
+<h2><a class="toc-backref" href="#toc-entry-3">Known issues / Roadmap</a></h2>
+<ul class="simple">
+<li>Generate the thumbnail from the video, as done for the other
+platforms.</li>
+<li>Support HTTP Live Streaming (<tt class="docutils literal">.m3u8</tt>) playlists, which need a
+JavaScript player outside of Safari.</li>
+</ul>
+</div>
+<div class="section" id="bug-tracker">
+<h2><a class="toc-backref" href="#toc-entry-4">Bug Tracker</a></h2>
+<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/e-commerce/issues">GitHub Issues</a>.
+In case of trouble, please check there if your issue has already been reported.
+If you spotted it first, help us to smash it by providing a detailed and welcomed
+<a class="reference external" href="https://github.com/OCA/e-commerce/issues/new?body=module:%20website_sale_product_video_html5%0Aversion:%2019.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<p>Do not contact contributors directly about support or help with technical issues.</p>
+</div>
+<div class="section" id="credits">
+<h2><a class="toc-backref" href="#toc-entry-5">Credits</a></h2>
+<div class="section" id="authors">
+<h3><a class="toc-backref" href="#toc-entry-6">Authors</a></h3>
+<ul class="simple">
+<li>bosd</li>
+</ul>
+</div>
+<div class="section" id="contributors">
+<h3><a class="toc-backref" href="#toc-entry-7">Contributors</a></h3>
+<ul class="simple">
+<li>Bosd</li>
+</ul>
+</div>
+<div class="section" id="maintainers">
+<h3><a class="toc-backref" href="#toc-entry-8">Maintainers</a></h3>
+<p>This module is maintained by the OCA.</p>
+<a class="reference external image-reference" href="https://odoo-community.org">
+<img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" />
+</a>
+<p>OCA, or the Odoo Community Association, is a nonprofit organization whose
+mission is to support the collaborative development of Odoo features and
+promote its widespread use.</p>
+<p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainer</a>:</p>
+<p><a class="reference external image-reference" href="https://github.com/bosd"><img alt="bosd" src="https://github.com/bosd.png?size=40px" /></a></p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/e-commerce/tree/19.0/website_sale_product_video_html5">OCA/e-commerce</a> project on GitHub.</p>
+<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
+</div>
+</div>
+</div>
+</div>
+</body>
+</html>
diff --git a/website_sale_product_video_html5/tests/__init__.py b/website_sale_product_video_html5/tests/__init__.py
new file mode 100644
index 0000000000..2dfc59c5f0
--- /dev/null
+++ b/website_sale_product_video_html5/tests/__init__.py
@@ -0,0 +1,2 @@
+from . import test_product_image
+from . import test_product_page
diff --git a/website_sale_product_video_html5/tests/test_product_image.py b/website_sale_product_video_html5/tests/test_product_image.py
new file mode 100644
index 0000000000..bc0e186531
--- /dev/null
+++ b/website_sale_product_video_html5/tests/test_product_image.py
@@ -0,0 +1,159 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+import base64
+import io
+
+from PIL import Image
+
+from odoo.exceptions import ValidationError
+from odoo.tests import TransactionCase, tagged
+from odoo.tools import mute_logger
+
+from ..tools import (
+    ALLOWED_HOSTS_PARAM,
+    get_allowed_hosts,
+    get_html5_video_mimetype,
+    is_html5_video_url,
+    split_video_url,
+)
+
+CDN_URL = "https://res.cloudinary.com/demo/video/upload/f_auto:video,q_auto/v1/abc"
+
+
+def _image_b64():
+    buffer = io.BytesIO()
+    Image.new("RGB", (16, 16), "purple").save(buffer, format="PNG")
+    return base64.b64encode(buffer.getvalue())
+
+
+@tagged("post_install", "-at_install")
+class TestProductImage(TransactionCase):
+    @classmethod
+    def setUpClass(cls):
+        super().setUpClass()
+        cls.template = cls.env["product.template"].create({"name": "Forklift"})
+
+    def _create_image(self, video_url, **vals):
+        return self.env["product.image"].create(
+            {
+                "name": "Demo",
+                "product_tmpl_id": self.template.id,
+                "video_url": video_url,
+                **vals,
+            }
+        )
+
+    def test_video_file(self):
+        image = self._create_image("https://cdn.example.com/videos/demo.mp4")
+        self.assertEqual(
+            image.embed_code,
+            '<video class="o_product_video_html5 w-100 h-100" '
+            'src="https://cdn.example.com/videos/demo.mp4" '
+            'playsinline="playsinline" preload="none" controls="controls"></video>',
+        )
+
+    def test_video_options(self):
+        image = self._create_image(
+            "https://cdn.example.com/demo.webm?sig=a%2Fb&autoplay=1&loop=1&controls=0"
+        )
+        self.assertIn(
+            'src="https://cdn.example.com/demo.webm?sig=a%2Fb"', image.embed_code
+        )
+        self.assertIn('autoplay="autoplay" muted="muted"', image.embed_code)
+        self.assertIn('preload="auto"', image.embed_code)
+        self.assertIn('loop="loop"', image.embed_code)
+        self.assertNotIn("controls", image.embed_code)
+
+    def test_poster(self):
+        image = self._create_image(
+            "https://cdn.example.com/demo.mp4", image_1920=_image_b64()
+        )
+        self.assertIn(
+            f'poster="/web/image/product.image/{image.id}/image_1024?unique=',
+            image.embed_code,
+        )
+        website = self.env["website"].get_current_website()
+        website.write(
+            {
+                "cdn_activated": True,
+                "cdn_url": "https://images.example.com",
+                "cdn_filters": "^/web/image",
+            }
+        )
+        image.invalidate_recordset(["embed_code"])
+        self.assertIn(
+            f'poster="https://images.example.com/web/image/product.image/{image.id}/',
+            image.embed_code,
+        )
+
+    def test_escaping(self):
+        image = self._create_image('https://cdn.example.com/a.mp4?x="><script>')
+        self.assertNotIn("<script>", image.embed_code)
+        self.assertIn("&#34;&gt;&lt;script&gt;", image.embed_code)
+
+    # Odoo cannot find the language of its error message outside of requests.
+    @mute_logger("odoo.tools.translate")
+    def test_allowed_host(self):
+        with self.assertRaises(ValidationError):
+            self._create_image(CDN_URL)
+        self.env["ir.config_parameter"].set_param(
+            ALLOWED_HOSTS_PARAM, "res.cloudinary.com"
+        )
+        image = self._create_image(CDN_URL)
+        self.assertIn(f'src="{CDN_URL}"', image.embed_code)
+
+    def test_other_platforms_unchanged(self):
+        self.env["ir.config_parameter"].set_param(ALLOWED_HOSTS_PARAM, "youtu.be")
+        image = self._create_image("https://youtu.be/nbso3NVz3p8")
+        self.assertIn("<iframe", image.embed_code)
+        self.assertIn("youtube.com/embed/nbso3NVz3p8", image.embed_code)
+
+    @mute_logger("odoo.tools.translate")
+    def test_invalid_url(self):
+        with self.assertRaises(ValidationError):
+            self._create_image("https://www.example.com/page.html")
+
+    def test_no_video(self):
+        image = self._create_image(False, image_1920=_image_b64())
+        self.assertFalse(image.embed_code)
+
+    def test_settings(self):
+        self.env["res.config.settings"].create(
+            {"product_video_allowed_hosts": "res.cloudinary.com"}
+        ).execute()
+        self.assertEqual(get_allowed_hosts(self.env), ["res.cloudinary.com"])
+
+
+@tagged("post_install", "-at_install")
+class TestTools(TransactionCase):
+    def test_is_html5_video_url(self):
+        self.assertTrue(is_html5_video_url("//cdn.example.com/a.M4V#t=3"))
+        self.assertTrue(is_html5_video_url(CDN_URL, ["res.cloudinary.com"]))
+        self.assertTrue(
+            is_html5_video_url(
+                "https://eu.res.cloudinary.com/x", ["res.cloudinary.com"]
+            )
+        )
+        for url in (
+            "",
+            "cdn.example.com/a.mp4",
+            "ftp://cdn.example.com/a.mp4",
+            "https://cdn.example.com/a.mp4.html",
+            "https://res.cloudinary.com.evil.com/x",
+        ):
+            with self.subTest(url=url):
+                self.assertFalse(is_html5_video_url(url, ["res.cloudinary.com"]))
+
+    def test_mimetype(self):
+        self.assertEqual(get_html5_video_mimetype("https://x.org/a.ogv"), "video/ogg")
+        self.assertIsNone(get_html5_video_mimetype(CDN_URL))
+
+    def test_split_video_url(self):
+        self.assertEqual(
+            split_video_url("https://x.org/a.mp4?autoplay=0&loop=1#t=5"),
+            ("https://x.org/a.mp4?autoplay=0#t=5", {"loop": True}),
+        )
+        self.assertEqual(
+            split_video_url("https://x.org/a.mp4"), ("https://x.org/a.mp4", {})
+        )
diff --git a/website_sale_product_video_html5/tests/test_product_page.py b/website_sale_product_video_html5/tests/test_product_page.py
new file mode 100644
index 0000000000..d3596af7e1
--- /dev/null
+++ b/website_sale_product_video_html5/tests/test_product_page.py
@@ -0,0 +1,38 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+from odoo.tests import HttpCase, tagged
+
+from .test_product_image import _image_b64
+
+
+@tagged("post_install", "-at_install")
+class TestProductPage(HttpCase):
+    def test_product_page_video(self):
+        template = self.env["product.template"].create(
+            {
+                "name": "Forklift with video",
+                "is_published": True,
+                "sale_ok": True,
+                "website_id": self.env["website"].get_current_website().id,
+                "image_1920": _image_b64(),
+                "product_template_image_ids": [
+                    (
+                        0,
+                        0,
+                        {
+                            "name": "Demo",
+                            "video_url": "https://cdn.example.com/videos/demo.mp4",
+                            "image_1920": _image_b64(),
+                        },
+                    )
+                ],
+            }
+        )
+        response = self.url_open(template.website_url)
+        self.assertEqual(response.status_code, 200)
+        self.assertIn(
+            '<video class="o_product_video_html5 w-100 h-100" '
+            'src="https://cdn.example.com/videos/demo.mp4"',
+            response.text,
+        )
diff --git a/website_sale_product_video_html5/tools.py b/website_sale_product_video_html5/tools.py
new file mode 100644
index 0000000000..e7f06b6aff
--- /dev/null
+++ b/website_sale_product_video_html5/tools.py
@@ -0,0 +1,82 @@
+# Copyright 2026 Bosd
+# License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
+
+import posixpath
+from urllib.parse import urlsplit
+
+ALLOWED_HOSTS_PARAM = "website_sale_product_video_html5.allowed_hosts"
+
+VIDEO_MIMETYPES = {
+    ".mp4": "video/mp4",
+    ".m4v": "video/mp4",
+    ".webm": "video/webm",
+    ".ogv": "video/ogg",
+    ".ogg": "video/ogg",
+}
+
+# Player options are stored in the video URL, like Odoo does for the other
+# platforms. Only these exact pairs are ours: anything else in the query
+# string belongs to the video host (e.g. signed URLs) and is left untouched.
+OPTION_PARAMS = {
+    "autoplay=1": "autoplay",
+    "loop=1": "loop",
+    "controls=0": "hide_controls",
+}
+
+
+def get_allowed_hosts(env):
+    value = env["ir.config_parameter"].sudo().get_param(ALLOWED_HOSTS_PARAM) or ""
+    return [
+        host.strip().lower().removeprefix("www.")
+        for host in value.replace("\n", ",").split(",")
+        if host.strip()
+    ]
+
+
+def _host_matches(host, allowed_hosts):
+    host = host.lower().removeprefix("www.")
+    return any(
+        host == allowed or host.endswith("." + allowed) for allowed in allowed_hosts
+    )
+
+
+def split_video_url(video_url):
+    """Split a video URL into the bare URL and the player options it carries.
+
+    :return: ``(url, options)`` where ``url`` has the option parameters removed
+        and ``options`` maps option names to ``True``.
+    """
+    base, sep, fragment = video_url.partition("#")
+    path, qsep, query = base.partition("?")
+    options = {}
+    kept = []
+    for pair in query.split("&") if query else []:
+        if pair in OPTION_PARAMS:
+            options[OPTION_PARAMS[pair]] = True
+        else:
+            kept.append(pair)
+    url = path + (f"?{'&'.join(kept)}" if kept else "") + sep + fragment
+    return url, options
+
+
+def get_html5_video_mimetype(video_url):
+    """Return the mimetype guessed from the URL file extension, if any."""
+    extension = posixpath.splitext(urlsplit(video_url).path)[1].lower()
+    return VIDEO_MIMETYPES.get(extension)
+
+
+def is_html5_video_url(video_url, allowed_hosts=()):
+    """Tell whether the URL points to a video file a browser can play directly.
+
+    That is the case when the URL path ends with a known video extension, or
+    when its host is one of the allowed video hosts (CDNs often serve videos
+    from URLs without extension).
+    """
+    if not video_url:
+        return False
+    parts = urlsplit(video_url.strip())
+    if parts.scheme not in ("http", "https", "") or not parts.hostname:
+        return False
+    return bool(get_html5_video_mimetype(video_url)) or _host_matches(
+        parts.hostname, allowed_hosts
+    )
diff --git a/website_sale_product_video_html5/views/res_config_settings_views.xml b/website_sale_product_video_html5/views/res_config_settings_views.xml
new file mode 100644
index 0000000000..e9417e952d
--- /dev/null
+++ b/website_sale_product_video_html5/views/res_config_settings_views.xml
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<!-- Copyright 2026 Bosd
+     License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl). -->
+<odoo>
+    <record id="res_config_settings_view_form" model="ir.ui.view">
+        <field
+            name="name"
+        >res.config.settings.view.form.inherit.product.video.html5</field>
+        <field name="model">res.config.settings</field>
+        <field name="inherit_id" ref="website_sale.res_config_settings_view_form" />
+        <field name="arch" type="xml">
+            <xpath expr="//setting[@id='product_attributes_setting']" position="after">
+                <setting
+                    id="product_video_html5_setting"
+                    string="Self-hosted product videos"
+                    help="Product video URLs ending in .mp4, .webm, .ogv or .m4v are always accepted. List here the hosts serving videos from URLs without a file extension."
+                >
+                    <field
+                        name="product_video_allowed_hosts"
+                        placeholder="res.cloudinary.com, cdn.example.com"
+                    />
+                </setting>
+            </xpath>
+        </field>
+    </record>
+</odoo>