x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-24 23:13:18 -08:00
Code Issues Packages Projects Releases Wiki Activity

调整组件嵌入规则

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-22 16:09:56 +08:00
1 parent 88533c1023
commit 8619fa1b8b
22 files changed
+553 -392
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/artplayer/src/contextmenu/aspectRatio.js
+28 -28
View File
@@ -1,32 +1,32 @@
import { inverseClass } from '../utils';
export default function aspectRatio(art) {
const { option, i18n, player } = art;
return {
disable: !option.aspectRatio,
name: 'aspectRatio',
index: 20,
html: `
${i18n.get('Aspect ratio')}:
<span data-ratio="default" class="default current">${i18n.get('Default')}</span>
<span data-ratio="4:3">4:3</span>
<span data-ratio="16:9">16:9</span>
`,
click: event => {
const { target } = event;
const { ratio } = target.dataset;
if (ratio) {
player.aspectRatio(ratio.split(':'));
art.contextmenu.hide();
}
},
callback: $menu => {
art.on('aspectRatioChange', ratio => {
const $current = Array.from($menu.querySelectorAll('span')).find(
item => item.dataset.ratio === ratio.join(':'),
);
inverseClass($current, 'current');
});
},
export default function aspectRatio(menuOption) {
return art => {
const { i18n, player } = art;
return {
...menuOption,
html: `
${i18n.get('Aspect ratio')}:
<span data-ratio="default" class="default current">${i18n.get('Default')}</span>
<span data-ratio="4:3">4:3</span>
<span data-ratio="16:9">16:9</span>
`,
click: event => {
const { target } = event;
const { ratio } = target.dataset;
if (ratio) {
player.aspectRatio(ratio.split(':'));
art.contextmenu.hide();
}
},
mounted: $menu => {
art.on('aspectRatioChange', ratio => {
const $current = Array.from($menu.querySelectorAll('span')).find(
item => item.dataset.ratio === ratio.join(':'),
);
inverseClass($current, 'current');
});
},
};
};
}