converse.js/src/shared/texture/templates/video.js

Browser based XMPP chat client

import { html } from "lit";
import { u } from "@converse/headless";

/**
 * @param {string} url
 * @param {boolean} [hide_url]
 */
export default (url, hide_url) => {
    const { hostname } = u.getURL(url);
    return html`<figure>
        <video controls preload="metadata" src="${url}"></video>
        ${hide_url || !hostname
            ? ""
            : html`<a target="_blank" rel="noopener" title="${url}" href="${url}">${hostname}</a>`}
    </figure>`;
};