diff --git a/docs/pages/cldvideoplayer/basic-usage.mdx b/docs/pages/cldvideoplayer/basic-usage.mdx
index 05f947d6..0ea8cd84 100644
--- a/docs/pages/cldvideoplayer/basic-usage.mdx
+++ b/docs/pages/cldvideoplayer/basic-usage.mdx
@@ -34,6 +34,12 @@ import { CldVideoPlayer } from 'next-cloudinary';
 />
 ```
 
+If you're using the Next.js 13 App Router, you must additionally import the Cloudinary Video Player stylesheet:
+
+```jsx
+import 'next-cloudinary/dist/cld-video-player.css';
+```
+
 <CldVideoPlayer
   width="1620"
   height="1080"
diff --git a/docs/pages/cldvideoplayer/configuration.mdx b/docs/pages/cldvideoplayer/configuration.mdx
index 6c305253..3017f010 100644
--- a/docs/pages/cldvideoplayer/configuration.mdx
+++ b/docs/pages/cldvideoplayer/configuration.mdx
@@ -39,8 +39,8 @@ import OgImage from '../../components/OgImage';
 | showLogo           | boolea         | `true`          | Show the Cloudinary logo on Player       | `false`                      |
 | src                | string         | -               | **Required**: Video public ID            | `"videos/my-video"`          |
 | transformation     | object/array   | -               | Transformations to apply to the video    | `{ width: 200, height: 200, crop: 'fill' }` |
-| version            | string         | `"1.9.4"`       | Cloudinary Video Player version          | `"1.9.4"`                    |
-| videoRef           | Ref            | -               | React ref to access video element        | See Refs Below              |
+| version            | string         | `"1.9.14"`      | **Deprecated**                           | -       `                    |
+| videoRef           | Ref            | -               | React ref to access video element        | See Refs Below               |
 | width              | string/number  | -               | **Required**: Player width               | `1920`                       |
 
 Missing an option from the [Video Player docs](https://cloudinary.com/documentation/video_player_api_reference) you'd like to see? [Create an issue](https://github.com/colbyfayock/next-cloudinary/issues/new?assignees=&labels=Type%3A+Feature&template=feature_request.md&title=%5BFeature%5D+)!
diff --git a/next-cloudinary/package.json b/next-cloudinary/package.json
index 9320df62..29e73cb6 100644
--- a/next-cloudinary/package.json
+++ b/next-cloudinary/package.json
@@ -27,6 +27,7 @@
     "dotenv": "^16.0.3",
     "jest": "^29.2.2",
     "jest-environment-jsdom": "^29.2.2",
+    "mkdirp": "^3.0.1",
     "ts-jest": "^29.0.3",
     "tsup": "^6.6.3",
     "typescript": "^4.9.4"
diff --git a/next-cloudinary/plugins/copy-assets.ts b/next-cloudinary/plugins/copy-assets.ts
new file mode 100644
index 00000000..20cc3e05
--- /dev/null
+++ b/next-cloudinary/plugins/copy-assets.ts
@@ -0,0 +1,68 @@
+import { Plugin } from 'esbuild'
+import path from 'path';
+import { createWriteStream } from 'fs';
+import { mkdirp } from 'mkdirp';
+import https from 'https';
+
+const version = '1.9.14';
+
+const assets = [
+  `https://unpkg.com/cloudinary-video-player@${version}/dist/cld-video-player.css`,
+  {
+    directory: 'fonts',
+    assets: [
+      `https://unpkg.com/cloudinary-video-player@${version}/dist/fonts/cloudinary_icon_for_black_bg.svg`,
+      `https://unpkg.com/cloudinary-video-player@${version}/dist/fonts/cloudinary_icon_for_white_bg.svg`,
+    ]
+  }
+];
+
+let hasWrittenAssets = false;
+
+export const plugin: Plugin = {
+  name: 'copy-assets',
+  setup: async () => {
+    const rootPath = path.join(__dirname, '../');
+    const distPath = path.join(rootPath, 'dist');
+
+    if ( hasWrittenAssets ) return;
+
+    await mkdirp(distPath);
+
+    for ( const asset of assets ) {
+
+      if ( typeof asset === 'string' ) {
+        const writePath = path.join(distPath, path.basename(asset));
+        await downloadFile(asset, writePath);
+        console.log(`Wrote ${asset} to ${writePath}`);
+      } else if ( typeof asset.directory === 'string' ) {
+        await mkdirp(path.join(distPath, asset.directory));
+
+        for ( const dirAsset of asset.assets ) {
+          const writePath = path.join(distPath, asset.directory, path.basename(dirAsset));
+          await downloadFile(dirAsset, writePath);
+          console.log(`Wrote ${dirAsset} to ${writePath}`);
+        }
+      }
+    }
+
+    hasWrittenAssets = true;
+  }
+}
+
+/**
+ * downloadFile
+ */
+
+function downloadFile(assetUrl: string, writePath: string) {
+  return new Promise<void>((resolve) => {
+    const file = createWriteStream(writePath);
+    https.get(assetUrl, function(response) {
+      response.pipe(file);
+      file.on('finish', () => {
+        file.close();
+        resolve();
+      });
+    });
+  })
+}
\ No newline at end of file
diff --git a/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx b/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx
index e26883e7..1ba0f10c 100644
--- a/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx
+++ b/next-cloudinary/src/components/CldVideoPlayer/CldVideoPlayer.tsx
@@ -32,7 +32,7 @@ const CldVideoPlayer = (props: CldVideoPlayerProps) => {
     onEnded,
     src,
     transformation,
-    version = '1.9.4',
+    version = '1.9.14',
     quality = 'auto',
     width,
   } = props as CldVideoPlayerProps;
@@ -40,6 +40,10 @@ const CldVideoPlayer = (props: CldVideoPlayerProps) => {
   const playerTransformations = Array.isArray(transformation) ? transformation : [transformation];
   let publicId = src;
 
+  if ( typeof props.version === 'string' ) {
+    console.warn('The version prop will no longer be supported in future versions due to the unreliability of coordinating assets');
+  }
+
   // If the publicId/src is a URL, attempt to parse it as a Cloudinary URL
   // to get the public ID alone
 
diff --git a/next-cloudinary/tests/nextjs-app/app/page.tsx b/next-cloudinary/tests/nextjs-app/app/page.tsx
index 11fd9283..fe4aaf88 100644
--- a/next-cloudinary/tests/nextjs-app/app/page.tsx
+++ b/next-cloudinary/tests/nextjs-app/app/page.tsx
@@ -1,6 +1,8 @@
 "use client";
 
-import { CldImage, CldUploadWidget } from '../../../';
+import { CldImage, CldUploadWidget, CldVideoPlayer } from '../../../';
+
+import '../../../dist/cld-video-player.css';
 
 export default function Home() {
   return (
@@ -12,6 +14,12 @@ export default function Home() {
           sources: ['local', 'camera']
         }}
       />
+      <CldVideoPlayer
+        id="test"
+        width="1620"
+        height="1080"
+        src={`videos/mountain-stars`}
+      />
     </>
   )
 }
diff --git a/next-cloudinary/tsup.config.ts b/next-cloudinary/tsup.config.ts
index 30a601d5..fb146cb8 100644
--- a/next-cloudinary/tsup.config.ts
+++ b/next-cloudinary/tsup.config.ts
@@ -1,4 +1,5 @@
 import { defineConfig } from 'tsup'
+import { plugin as CopyAssetsPlugin } from './plugins/copy-assets';
 
 export default defineConfig({
   minify: true,
@@ -6,5 +7,6 @@ export default defineConfig({
   external: ['react'],
   sourcemap: true,
   dts: true,
-  format: ['esm', 'cjs']
+  format: ['esm', 'cjs'],
+  esbuildPlugins: [CopyAssetsPlugin]
 })
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index b34a8273..b5ca226a 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4990,6 +4990,11 @@ minimatch@^3.0.4, minimatch@^3.1.1:
   dependencies:
     brace-expansion "^1.1.7"
 
+mkdirp@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-3.0.1.tgz#e44e4c5607fb279c168241713cc6e0fea9adcb50"
+  integrity sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg==
+
 mri@^1.1.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/mri/-/mri-1.2.0.tgz#6721480fec2a11a4889861115a48b6cbe7cc8f0b"