# 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

# Options

Options Type Default Description Required
menu Array [] รายการเมนูที่มีให้เลือก Yes
menu[].label String - ชื่อเมนูที่จะแสดงให้ผู้ใช้เห็น Yes
menu[].listener function - ฟังก์ชันที่จะถูกเรียกเมื่อผู้ใช้คลิกที่เมนู Yes