@achs/webkit
Version:
Conjunto de componentes de UI con el estilo del Sistema de Diseño ACHS (Asociación Chilena de Seguridad), para reutilizar de forma transversal en las aplicaciones web de ACHS. Construido con **React 19**, **TypeScript** y **Vite**, con soporte para las
33 lines (32 loc) • 1.09 kB
JavaScript
import { jsx as t, jsxs as s } from "react/jsx-runtime";
import r from "./VideoPlayer.module.scss.mjs";
const d = (e) => {
if (e.includes("/embed/")) return e;
let o = "";
return e.includes("youtu.be/") ? o = e.split("youtu.be/")[1] ?? "" : e.includes("v=") && (o = e.split("v=")[1] ?? ""), o = o.split(/[?&#/]/)[0], `https://www.youtube.com/embed/${o}`;
}, m = ({
src: e,
type: o = "video/mp4",
width: i = "320",
height: u = "240",
...l
}) => e.includes("youtube.com") || e.includes("youtu.be") ? /* @__PURE__ */ t(
"iframe",
{
title: "video",
width: i,
height: u,
src: d(e),
allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
allowFullScreen: !0,
className: r.video_player,
...l
}
) : /* @__PURE__ */ s("video", { width: i, height: u, controls: !0, className: r.video_player, ...l, children: [
/* @__PURE__ */ t("source", { src: e, type: o }),
/* @__PURE__ */ t("p", { children: "Tu navegador no admite este tipo de video." })
] });
export {
m as VideoPlayer,
m as default
};