videojs-vue 0.2.0 → 0.3.0

package/README.md

@@ -35,6 +35,12 @@ import { VideoPlayer } from 'videojs-vue/video/default'
 
 Serve your video and poster at the URLs above. Component registration and skin styles are included; no Vue `isCustomElement` configuration is needed.
 
+To use the upstream Compat skin, change the import to `videojs-vue/video/compat`. This entry loads only that skin and keeps the same player API. It does not include polyfills or guarantee a lower minimum browser version; see [Compat skin](https://videojs-vue-docs.vercel.app/guide/styling#compat-skin).
+
+For Chrome 90+, use `videojs-vue/video/legacy` with `videojs-vue/skins/legacy.css`, opt-in `videojs-vue/polyfills`, and a consumer build targeting `chrome90`. See [legacy mode](https://videojs-vue-docs.vercel.app/guide/legacy) for setup and validation limits.
+
+`core-js` is an optional peer dependency. Install it with `pnpm add core-js@^3.50.0` before importing `videojs-vue/polyfills`. Other entries do not require it. If your target browsers or application already provide `Array.prototype.at` and `Object.hasOwn`, omit both the polyfill import and the `core-js` installation, including when using the legacy skin.
+
 See the [documentation](https://videojs-vue-docs.vercel.app) for HLS, custom controls, internationalization, and the API reference. Try the [playground](https://videojs-vue-playground.vercel.app) for interactive examples.
 
 ## Audio

package/dist/{Audio-DmoQgIRM.d.ts → audio/Audio.d.ts}

@@ -1,7 +1,7 @@
-import { t as MediaTrack } from "./types-wAkjM01D.js";
-import "./index-DhJ5A5TI.js";
+import { MediaTrack } from "../media/types.js";
+import "../index.js";
 //#region src/audio/Audio.d.ts
-declare const Audio: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+export declare const Audio: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   readonly src: import("vue").PropType<string | undefined>;
   readonly autoplay: BooleanConstructor;
   readonly loop: BooleanConstructor;
@@ -66,5 +66,4 @@ declare const Audio: import("vue").DefineComponent<import("vue").ExtractPropType
   readonly preload: "auto" | "metadata" | "none";
   readonly muted: boolean | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-//#endregion
-export { Audio as t };
+//#endregion

package/dist/audio/Audio.js

@@ -0,0 +1,21 @@
+import { mediaEmits } from "../media/events.js";
+import { commonMediaProps } from "../media/props.js";
+import { useMediaElement } from "../media/useMediaElement.js";
+import { defineComponent } from "vue";
+//#region src/audio/Audio.ts
+const Audio = defineComponent({
+	name: "Audio",
+	inheritAttrs: false,
+	props: commonMediaProps,
+	emits: mediaEmits,
+	setup(props, context) {
+		return useMediaElement({
+			tag: "audio",
+			props,
+			context,
+			emit: context.emit
+		});
+	}
+});
+//#endregion
+export { Audio };