Skip to content

Commit 47571c0

Browse files
ronald-urbinaronald-urbina
committed
publish npm package and add dependency, update html examples
1 parent 91dd3dc commit 47571c0

8 files changed

Lines changed: 40 additions & 18 deletions

File tree

‎package-lock.json‎

Lines changed: 12 additions & 9 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎packages/media-played-ranges-mixin/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
{
2-
"name": "@media-elements/media-played-ranges-mixin",
2+
"name": "media-played-ranges-mixin",
33
"version": "0.1.0",
44
"description": "Mixin to track played ranges for media elements",
55
"author": "@muxinc",

‎packages/vimeo-video-element/index.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,11 +20,16 @@
2020
<script type="importmap">
2121
{
2222
"imports": {
23-
"@vimeo/player/": "https://cdn.jsdelivr.net/npm/@vimeo/player/"
23+
"media-played-ranges-mixin": "https://cdn.jsdelivr.net/npm/media-played-ranges-mixin@0.1.0/+esm",
24+
"@vimeo/player/": "https://cdn.jsdelivr.net/npm/@vimeo/player/",
25+
"vimeo-video-element": "./vimeo-video-element.js"
2426
}
2527
}
2628
</script>
27-
<script type="module" src="./vimeo-video-element.js"></script>
29+
30+
<script type="module">
31+
import 'vimeo-video-element';
32+
</script>
2833
<script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome/+esm"></script>
2934
<script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome/dist/menu/+esm"></script>
3035

‎packages/vimeo-video-element/package.json‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,8 @@
5252
"build": "run-s build:*"
5353
},
5454
"dependencies": {
55-
"@vimeo/player": "2.29.0"
55+
"@vimeo/player": "2.29.0",
56+
"media-played-ranges-mixin": "^0.1.0"
5657
},
5758
"devDependencies": {
5859
"build-react-wrapper": "^0.2.4",

‎packages/vimeo-video-element/vimeo-video-element.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// https://github.com/vimeo/player.js
2-
import { MediaPlayedRangesMixin } from '@media-elements/media-played-ranges-mixin';
2+
import { MediaPlayedRangesMixin } from 'media-played-ranges-mixin';
33
import VimeoPlayerAPI from '@vimeo/player/dist/player.es.js';
44
const EMBED_VIDEO_BASE = 'https://player.vimeo.com/video';
55
const EMBED_EVENT_BASE = 'https://vimeo.com/event';

‎packages/youtube-video-element/index.html‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html>
33
<head>
44
<title>&lt;youtube-video&gt;</title>
@@ -16,7 +16,17 @@
1616
background: #000;
1717
}
1818
</style>
19-
<script type="module" src="./youtube-video-element.js"></script>
19+
<script type="importmap">
20+
{
21+
"imports": {
22+
"media-played-ranges-mixin": "https://cdn.jsdelivr.net/npm/media-played-ranges-mixin@0.1.0/+esm",
23+
"youtube-video-element": "./youtube-video-element.js"
24+
}
25+
}
26+
</script>
27+
<script type="module">
28+
import 'youtube-video-element';
29+
</script>
2030
<script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome/+esm"></script>
2131
<script type="module" src="https://cdn.jsdelivr.net/npm/media-chrome/dist/menu/+esm"></script>
2232
</head>

‎packages/youtube-video-element/package.json‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -62,5 +62,8 @@
6262
"player",
6363
"web component",
6464
"custom element"
65-
]
65+
],
66+
"dependencies": {
67+
"media-played-ranges-mixin": "^0.1.0"
68+
}
6669
}

‎packages/youtube-video-element/youtube-video-element.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
// https://developers.google.com/youtube/iframe_api_reference
2-
import { MediaPlayedRangesMixin } from '@media-elements/media-played-ranges-mixin';
2+
import { MediaPlayedRangesMixin } from 'media-played-ranges-mixin';
33
const EMBED_BASE = 'https://www.youtube.com/embed';
44
const EMBED_BASE_NOCOOKIE = 'https://www.youtube-nocookie.com/embed';
55
const API_URL = 'https://www.youtube.com/iframe_api';

0 commit comments

Comments
 (0)