# การเล่นวิดีโออัตโนมัติ
การตั้งค่า Byteark player เพื่อเล่นวิดีโออัตโนมัติ เนื่องจากในปัจจุบัน Web Browser ต่างๆ ได้มีนโยบายเกี่ยวกับการเล่นวิดีโอแบบอัตโนมัติ (Autoplay Policy) ที่เข้มงวดขึ้น เช่น
- จะยอมให้มีการเล่นวิดีโอแบบอัตโนมัติได้ถ้ามีการปิดเสียงวิดีโอ
- ถ้าหากผู้ใช้งานเข้าใช้งานเว็บไซต์นั้นบ่อยๆ Web Browser จะยอมให้เล่นวิดีโอแบบอัตโนมัติได้
- ไม่ยอมให้เล่นวิดีโอแบบอัตโนมัติถ้าหากไม่มีการคลิกเริ่มเล่นจากผู้ใช้งาน (user interaction) เป็นต้น
นโยบายการเล่นวิดีโอแบบอัตโนมัติของแต่ละ Web Browser สามารถดูได้จาก link ด้านล่าง
# การตั้งค่า
# การตั้งค่าเล่นวิดีโออัตโนมัติ
การตั้งค่าให้เล่นวิดีโออัตโนมัติสามารถทำได้โดยตั้งค่า autoplay
field ที่ใน options ตอน setup ByteArk Player โดย autoplay
รองรับการตั้งค่าต่างๆตามตารางข้างล่าง
Value | Type | Description |
---|---|---|
'any' | String | player จะพยายามเล่นวิดีโอแบบอัตโนมัติ *คำอธิบายเพิ่มเติมที่ note ด้านล่าง |
true | Boolean | เล่นวิดีโออัตโนมัติเมื่อ Web Browser ยอมให้เล่นวิดีโอแบบเปิดเสียงได้เท่านั้น |
false | Boolean | ปิดการเล่นวิดีโออัตโนมัติ |
'viewable' | String | วิดีโอจะเล่นอัตโนมัติเมื่อ player ถูกมองเห็นบนหน้าจอ |
'focus' | String | วิดีโอจะเล่นอัตโนมัติเมื่อ player ถูกมองเห็นบนหน้าจอ และจะหยุดเล่นเมื่อไม่ถูกมองเห็นบนหน้าจอ |
Note
สำหรับการตั้งค่า autoplay
เป็น any
นั้น ByteArk Player พยายามเล่นวิดีโอแบบอัตโนมัติ โดย
- ลองเล่นวิดีโอแบบเปิดเสียง ถ้าหาก Web Browser ยอมให้เล่นได้ จึงจะทำการเล่นวิดีโอแบบอัตโนมัติ
- ลองเล่นวิดีโอแบบปิดเสียง ถ้าหาก Web Browser ยอมให้เล่นได้ จึงจะทำการ ปิดเสียง และ เล่นวิดีโอแบบอัตโนมัติ
- ถ้าหาก ByteArk Player ทำการทดลองในข้อ 1 และ 2 แล้วยังไม่สามารถเล่นวิดีโอแบบอัตโนมัติได้ ผู้ใช้งานจำเป็นต้องทำการคลิกเพื่อเล่นวิดีโอเอง
แผนผังแสดงการทำงานของการตั้งค่า autoplay: 'any'
(รูปภาพจาก Google IMA SDK (opens new window))
# การตั้งค่าเล่นวิดีโออัตโนมัติเมื่อมีการใช้งานการเล่นโฆษณา (Advertisement)
เมื่อเปิดใช้งาน การเล่นโฆษณา หากต้องการให้มีการเล่นวิดีโอแบบอัตโนมัติ จำเป็นจะต้องมีการตั้งค่า autoplayadsmuted
เพิ่มเติม เพื่อให้ player ทำลองทำการเล่นได้อย่างถูกต้อง โดย autoplayadsmuted
สามารถตั้งค่าได้ตามตารางข้างล่าง
Value | Type | Description |
---|---|---|
true | Boolean | เริ่มเล่นวิดีโออัตโนมัติและปิดเสียง เมื่อมีเล่นโฆษณา preroll |
false | Boolean | ไม่ยอมให้มีการเล่นโฆษณาแบบปิดเสียง อาจจะทำให้ไม่สามารถเล่นวิดีโอแบบอัตโนมัติได้ |
# การตั้งค่าที่แนะนำ (Recommended Settings)
การตั้งค่าที่แนะนำ
หากต้องการตั้งค่าให้มีโอกาสที่จะเล่นวิดีโอแบบอัตโนมัติได้มากที่สุด ตามนโยบายของ Web Browser ขอแนะนำให้ตั้งค่า autoplay
เป็น any
และ autoplayadsmuted
เป็น true
# ตัวอย่างซอร์สโค้ด
<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<div id="video-player"></div>
<script src="https://byteark-sdk.cdn.byteark.com/player/v2/byteark-player.min.js"></script>
<script>
var player = bytearkPlayer('video-player', {
fluid: true,
autoplay: 'any',
autoplayadsmuted: true,
poster: '/assets/samples/player/images/poster-big-buck-bunny.jpg',
sources: [{
title: 'Big Buck Bunny',
src: 'https://byteark-playertzxedwv.stream-playlist.byteark.com/streams/TZyZheqEJUwC/playlist.m3u8',
type: 'application/x-mpegURL'
}],
plugins: {
bytearkAds: {
adTagUrl: 'https://pubads.g.doubleclick.net/gampad/ads?sz=640x480&iu=/124319096/external/single_ad_samples&ciu_szs=300x250&impl=s&gdfp_req=1&env=vp&output=vast&unviewed_position_start=1&cust_params=deployment%3Ddevsite%26sample_ct%3Dskippablelinear&correlator=',
}
}
});
</script>
</body>
</html>
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28