# Context Menu
คุณสามารถเพิ่มเมนูที่จะปรากฎเมื่อผู้ใช้คลิกขวาที่ตัวเล่นวิดีโอ พร้อมทั้งกำหนดพฤติกรรมเมื่อผู้ใช้คลิกที่เมนูนั้นๆ ได้
โดยระบุ options menu
ดังตัวอย่าง
var player = byteark('video-player', {
media: {
title: 'Big Buck Bunny',
poster: '/assets/samples/player/legacy/images/poster.jpg',
sources: [{
src: 'https://byteark-playertzxedwv.stream-playlist.byteark.com/streams/TZyZheqEJUwC/playlist.m3u8',
type: 'application/x-mpegURL'
}],
},
menu: [
{
label: 'Fist menu item',
listener: function() {
alert('First menu item is clicked');
}
}, {
label: 'Second menu item',
listener: function() {
alert('Second menu item is clicked');
}
}
],
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
# Options
Options | Type | Default | Description | Required |
---|---|---|---|---|
menu | Array | [] | รายการเมนูที่มีให้เลือก | Yes |
menu[].label | String | - | ชื่อเมนูที่จะแสดงให้ผู้ใช้เห็น | Yes |
menu[].listener | function | - | ฟังก์ชันที่จะถูกเรียกเมื่อผู้ใช้คลิกที่เมนู | Yes |