# วิดีโอแนะนำ

คุณสามารถแสดงรายการวิดีโอแนะนำเมื่อเล่นวิดีโอจบได้ โดยการเพิ่มรายการวิดีโอแนะนำเข้าไปใน Video Player ดังนี้

# ตัวอย่างซอร์สโค้ด

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'
    }],
  },
  recommended: [
    {
      title: 'Apple WWDC 2017 keynote in 19 minutes',
      poster: 'https://i.ytimg.com/vi/wXLa5tprhLc/hq720.jpg?custom=true&stc=true&jpg444=true&pt=325&jpgq=90&dct_sp=110&sigh=e9Nq8bXnQhWKz__72Ly3VaTMqeI',
      link: 'https://www.youtube.com/watch?v=wXLa5tprhLc',
    }, {
      title: 'Google I/O 2017 keynote in 10 minutes',
      poster: 'https://i.ytimg.com/vi/CNLVZjBE08g/hq720.jpg?custom=true&stc=true&jpg444=true&pt=325&jpgq=90&dct_sp=110&sigh=c2OsrLu-jPB4j4jZnW7XdUQiKUE',
      link: 'https://www.youtube.com/watch?v=CNLVZjBE08g',
    }
  ],
});
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

# Options

Options Type Default Description Required
recommend Array [] รายการของวิดีโอแนะนำ Yes
recommend[].title String - ชื่อวิดีโอแนะนำ Yes
recommend[].poster String - URL ของภาพหน้าปกวิดีโอแนะนำ Yes
recommend[].link String - URL ไปยังหน้าเว็บที่มีวิดีโอแนะนำ Yes