# วิดีโอแนะนำ
คุณสามารถแสดงรายการวิดีโอแนะนำเมื่อเล่นวิดีโอจบได้ โดยการเพิ่มรายการวิดีโอแนะนำเข้าไปใน 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
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 |