mirror of
https://github.com/zhw2590582/ArtPlayer.git
synced 2026-10-25 16:11:20 -08:00
update docs
This commit is contained in:
1 parent
7b0dd9618d
commit
c0ed71881b
62 files changed
+525
-396
No files matched your search
@@ -565,34 +565,28 @@ var art = new Artplayer({
|
||||
selector: [
|
||||
{
|
||||
html: 'Submenu 01',
|
||||
onSelect: function() {
|
||||
console.log('You click on the submenu 01');
|
||||
}
|
||||
},
|
||||
{
|
||||
html: 'Submenu 02',
|
||||
onSelect: function() {
|
||||
console.log('You click on the submenu 02');
|
||||
}
|
||||
},
|
||||
]
|
||||
],
|
||||
onSelect: function(item) {
|
||||
console.log(item.html);
|
||||
}
|
||||
},
|
||||
{
|
||||
html: 'Custom setting 02',
|
||||
selector: [
|
||||
{
|
||||
html: 'Submenu 01',
|
||||
onSelect: function() {
|
||||
console.log('You click on the submenu 01');
|
||||
}
|
||||
},
|
||||
{
|
||||
html: 'Submenu 02',
|
||||
onSelect: function() {
|
||||
console.log('You click on the submenu 02');
|
||||
}
|
||||
},
|
||||
]
|
||||
],
|
||||
onSelect: function(item) {
|
||||
console.log(item.html);
|
||||
}
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
@@ -33,15 +33,16 @@ var art = new Artplayer({
|
||||
default: true,
|
||||
html: '<span style="color:red">Subtitle 01</span>',
|
||||
url: '/assets/sample/subtitle.srt?id=1',
|
||||
onSelect: onSubtitleSelect,
|
||||
},
|
||||
{
|
||||
html: '<span style="color:yellow">Subtitle 02</span>',
|
||||
url: '/assets/sample/subtitle.srt?id=2',
|
||||
onSelect: onSubtitleSelect,
|
||||
},
|
||||
],
|
||||
|
||||
onSelect: function onSubtitleSelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.subtitle.url = item.url;
|
||||
}
|
||||
},
|
||||
{
|
||||
html: 'Select Quality',
|
||||
@@ -51,19 +52,20 @@ var art = new Artplayer({
|
||||
default: true,
|
||||
html: '1080P',
|
||||
url: '/assets/sample/video.mp4?id=1080',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
{
|
||||
html: '720P',
|
||||
url: '/assets/sample/video.mp4?id=720',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
{
|
||||
html: '360P',
|
||||
url: '/assets/sample/video.mp4?id=360',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
],
|
||||
onSelect: function onQualitySelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.switchQuality(item.url, item.html);
|
||||
},
|
||||
},
|
||||
{
|
||||
html: 'Multi-layer nested',
|
||||
@@ -94,14 +96,4 @@ var art = new Artplayer({
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
function onSubtitleSelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.subtitle.url = item.url;
|
||||
}
|
||||
|
||||
function onQualitySelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.switchQuality(item.url, item.html);
|
||||
}
|
||||
```
|
||||
@@ -565,34 +565,28 @@ var art = new Artplayer({
|
||||
selector: [
|
||||
{
|
||||
html: '子菜单01',
|
||||
onSelect: function() {
|
||||
console.log('你点击了子菜单01');
|
||||
}
|
||||
},
|
||||
{
|
||||
html: '子菜单02',
|
||||
onSelect: function() {
|
||||
console.log('你点击了子菜单02');
|
||||
}
|
||||
},
|
||||
]
|
||||
],
|
||||
onSelect: function(item) {
|
||||
console.log(item.html);
|
||||
}
|
||||
},
|
||||
{
|
||||
html: '自定义设置02',
|
||||
selector: [
|
||||
{
|
||||
html: '子菜单01',
|
||||
onSelect: function() {
|
||||
console.log('你点击了子菜单01');
|
||||
}
|
||||
},
|
||||
{
|
||||
html: '子菜单02',
|
||||
onSelect: function() {
|
||||
console.log('你点击了子菜单02');
|
||||
}
|
||||
},
|
||||
]
|
||||
],
|
||||
onSelect: function(item) {
|
||||
console.log(item.html);
|
||||
}
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
@@ -33,15 +33,16 @@ var art = new Artplayer({
|
||||
default: true,
|
||||
html: '<span style="color:red">Subtitle 01</span>',
|
||||
url: '/assets/sample/subtitle.srt?id=1',
|
||||
onSelect: onSubtitleSelect,
|
||||
},
|
||||
{
|
||||
html: '<span style="color:yellow">Subtitle 02</span>',
|
||||
url: '/assets/sample/subtitle.srt?id=2',
|
||||
onSelect: onSubtitleSelect,
|
||||
},
|
||||
],
|
||||
|
||||
onSelect: function onSubtitleSelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.subtitle.url = item.url;
|
||||
}
|
||||
},
|
||||
{
|
||||
html: '选择画质',
|
||||
@@ -51,19 +52,20 @@ var art = new Artplayer({
|
||||
default: true,
|
||||
html: '1080P',
|
||||
url: '/assets/sample/video.mp4?id=1080',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
{
|
||||
html: '720P',
|
||||
url: '/assets/sample/video.mp4?id=720',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
{
|
||||
html: '360P',
|
||||
url: '/assets/sample/video.mp4?id=360',
|
||||
onSelect: onQualitySelect,
|
||||
},
|
||||
],
|
||||
onSelect: function onQualitySelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.switchQuality(item.url, item.html);
|
||||
},
|
||||
},
|
||||
{
|
||||
html: '多层嵌套',
|
||||
@@ -94,14 +96,4 @@ var art = new Artplayer({
|
||||
},
|
||||
],
|
||||
});
|
||||
|
||||
function onSubtitleSelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.subtitle.url = item.url;
|
||||
}
|
||||
|
||||
function onQualitySelect(item, $dom) {
|
||||
console.info(item, $dom);
|
||||
art.switchQuality(item.url, item.html);
|
||||
}
|
||||
```
|
||||
Reference in new issue
Block a user