# การเล่นวิดีโออัตโนมัติ

การตั้งค่า 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 พยายามเล่นวิดีโอแบบอัตโนมัติ โดย

  1. ลองเล่นวิดีโอแบบเปิดเสียง ถ้าหาก Web Browser ยอมให้เล่นได้ จึงจะทำการเล่นวิดีโอแบบอัตโนมัติ
  2. ลองเล่นวิดีโอแบบปิดเสียง ถ้าหาก Web Browser ยอมให้เล่นได้ จึงจะทำการ ปิดเสียง และ เล่นวิดีโอแบบอัตโนมัติ
  3. ถ้าหาก ByteArk Player ทำการทดลองในข้อ 1 และ 2 แล้วยังไม่สามารถเล่นวิดีโอแบบอัตโนมัติได้ ผู้ใช้งานจำเป็นต้องทำการคลิกเพื่อเล่นวิดีโอเอง

แผนผังแสดงการทำงานของการตั้งค่า autoplay: 'any'

Autoplay

(รูปภาพจาก Google IMA SDK (opens new window))

# การตั้งค่าเล่นวิดีโออัตโนมัติเมื่อมีการใช้งานการเล่นโฆษณา (Advertisement)

เมื่อเปิดใช้งาน การเล่นโฆษณา หากต้องการให้มีการเล่นวิดีโอแบบอัตโนมัติ จำเป็นจะต้องมีการตั้งค่า autoplayadsmuted เพิ่มเติม เพื่อให้ player ทำลองทำการเล่นได้อย่างถูกต้อง โดย autoplayadsmuted สามารถตั้งค่าได้ตามตารางข้างล่าง

Value Type Description
true Boolean เริ่มเล่นวิดีโออัตโนมัติและปิดเสียง เมื่อมีเล่นโฆษณา preroll
false Boolean ไม่ยอมให้มีการเล่นโฆษณาแบบปิดเสียง อาจจะทำให้ไม่สามารถเล่นวิดีโอแบบอัตโนมัติได้

การตั้งค่าที่แนะนำ

หากต้องการตั้งค่าให้มีโอกาสที่จะเล่นวิดีโอแบบอัตโนมัติได้มากที่สุด ตามนโยบายของ 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>
1
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