zoriya/v10
1
0
Fork 0
mirror of https://github.com/zoriya/v10.git synced 2026-08-16 02:45:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(example/react): improvements to react examples (#210)

Browse Source
This commit is contained in:
Sam Potts
2025-12-10 09:27:38 +11:00
committed by GitHub
parent 546989c2be
commit c35b012250
57 changed files with 2886 additions and 2138 deletions
Download Patch File Download Diff File Expand all files Collapse all files
examples/html/index.html
+2 -2
View File
@@ -3,10 +3,10 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>VJS HTML Demo</title>
<title>Video.js - HTML</title>
</head>
<body style="display: flex; flex-direction: column; min-height: 100vh; max-width: 960px; padding: 1rem">
<h1>Video.js 10 HTML Demos</h1>
<h1>Video.js - HTML</h1>
<nav>
<ul>
<li><a href="/minimal.html">Minimal Skin (imported)</a></li>
examples/html/package.json
+2 -2
View File
@@ -13,7 +13,7 @@
"@videojs/html": "workspace:*"
},
"devDependencies": {
"typescript": "^5.9.2",
"vite": "^7.1.6"
"typescript": "^5.9.3",
"vite": "^7.2.4"
}
}
examples/html/src/frosted.ts
+1 -1
View File
@@ -1,6 +1,6 @@
import '@videojs/html/skins/frosted';
document.getElementById('app').innerHTML = /* html */ `
document.getElementById('app')!.innerHTML = /* html */ `
<video-provider>
<media-skin-frosted style="border-radius: 2rem; width: 100%; margin: 2rem auto; aspect-ratio: 16/9">
<video
examples/html/src/minimal.ts
+1 -1
View File
@@ -1,6 +1,6 @@
import '@videojs/html/skins/minimal';
document.getElementById('app').innerHTML = /* html */ `
document.getElementById('app')!.innerHTML = /* html */ `
<video-provider>
<media-skin-minimal style="border-radius: 0.75rem; width: 100%; margin: 2rem auto; aspect-ratio: 16/9">
<video