BBcode jwplayer (ฝากไฟล์ไว้ที่เว็บ jwplayer.com)

suttasilo

          ธรรมสวัสดีเพื่อนชาวดิสคัส วันนี้มานำเสนอวิธีทำ BBcode jwplayer แบบฝากไฟล์ไว้ที่เว็บ jwplayer.com ก่อนอื่นต้องไปสมัครที่เว็บ
jwplayer.com เพื่อจะได้อัพโหลดไฟล์วีดีโอ  ขั้นตอนการสมัครมีดังนี้

1.ไปที่หน้าาเว็บ jwplayer.com คลิกที่ GET STARTED

2.คลิกที่  START FOR FREE ให้จำนวน 25 GB  ถ้าต้องการเพิ่มก็มีสมัครแบบเสียเงิน (ถ้าไม่อยากเสียตังค์ก็ลองสมัครแบบหลายเมล์ดูก็แล้วกัน) ดังรูปภาพ

3.ใส่ที่อยู่ Email Address ดังรูปภาพ

4.ทำการ Login จากนั้นก็อัพโหลดไฟล์วีดีโอ ดังรูปภาพ

5.เลือกไฟล์วีดีโอคลิก open ดังรูปภาพ

6.จะแสดงหน้าวีดีโอที่เราอัพโหลดแล้ว ดังรูปภาพ

7.ก่อนที่จะ copy โค้ด มาทำการปรับแต่งสกิน  โดยไปคลิกที่ปุ่ม MANAGE คลิกเลือก ขนาดแม่แบบสกิน แล้วคลิกที่ชื่อแม่แบบ 480x270 example player ดังรูปภาพ

8.จะเข้าสู่หน้าปรับแต่งสกินแม่แบบ  มี 2 แบบ 16:9 example player กับ 480x270 example player ปรับค่าตามต้องการ กำหนดขนาด ให้เล่นได้ทั้งไฟล์แฟลช และโค้ด HTML5  ใส่โลโก้วีดีโอและลิงค์เว็บเราเป็นต้น ในที่นี้เลือกปรับแบบ 480x270 example player ดังรูปภาพ

9.ไปที่รายการวีดีโอที่เราอัพโหลดแล้ว  เลือกวีดีโอที่ต้องการโพสต์ คลิกที่ปุ่ม EMBED

10.จะเข้าสู่หน้านี้คลิกที่ปุ่ม IFRAME จากนั้นคลิก COPY EMBED CODE

11.จะได้โค้ดดังนี้

1. <iframe src="//content.jwplatform.com/players/jR6yur1L-PMbDgj6J.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>

คัดลอกไปที่คลิปบอร์ด

12.ใส่ค่าตัวแปร {1} นำโค้ดนี้ไปใส่ในข้อ 3 วิธีทำด้านล่าง

1. <iframe src="//content.jwplatform.com/players/{1}.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>

คัดลอกไปที่คลิปบอร์ด

วิธีทำBBcode jwplayer แบบที่ 1 ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้

1.เพิ่ม VDOjwp    ชื่อไฟล์ไอคอน: bb_jwp.png    แล้วคลิกตกลง

2.แท็ก: VDOjwp

3.โค้ด/เนื้อหาที่ต้องการ :

1. <iframe src="//content.jwplatform.com/players/{1}.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>

คัดลอกไปที่คลิปบอร์ด

4.ตัวอย่าง:

1. [VDOjwp]ใส่โค้ดID[/VDOjwp]

คัดลอกไปที่คลิปบอร์ด

5.รายละเอียด: ใส่โค้ดID

6.จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1

7.คำแนะนำ / คำชี้แนะ:

1. ใส่โค้ด ID E4wAzVK3 http://content.jwplatform.com/players/E4wAzVK3-QT2GF6c0.html ที่นี่

คัดลอกไปที่คลิปบอร์ด

ใส่โค้ดID E4wAzVK3
8.จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
9.จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

ดาวน์โหลดไฟล์ ปุ่มไอคอน bb_jwp.png


หมายเหตุ :
ปรับแต่งแก้ไขสกิน 16:9 example player ไปที่

1. https://dashboard.jwplayer.com/#/players/basic_setup?property=f67a57a0-3ecf-11e6-9862-0637bffb81a3&player_key=PMbDgj6J

คัดลอกไปที่คลิปบอร์ด

ปรับแต่งแก้ไขสกิน 480x270 example player ไปที่

1. https://dashboard.jwplayer.com/#/players/basic_setup?property=f67a57a0-3ecf-11e6-9862-0637bffb81a3&player_key=8wVUDKjk
   

คัดลอกไปที่คลิปบอร์ด

วิธีทำBBcode jwplayr แบบที่ 2  ไปที่จัดการระบบ(admincp) รูปแบบ/จัดการเครื่องมือโพสต์/โค้ด Discuz!/แล้วกรอกรายละเอียดดังนี้
1.เพิ่ม VDOjwp2    ชื่อไฟล์ไอคอน: bb_jwp2.png   แล้วคลิกตกลง
2.แท็ก: VDOjwp2
3.โค้ด/เนื้อหาที่ต้องการ :

1. <script src="//content.jwplatform.com/players/{1}.js"></script>

คัดลอกไปที่คลิปบอร์ด

4.ตัวอย่าง:

1. [VDOjwp2]ใส่โค้ด ID[/VDOjwp2]

คัดลอกไปที่คลิปบอร์ด

5.รายละเอียด: ใส่โค้ดID
6.จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
7.คำแนะนำ / คำชี้แนะ:

1. ใส่โค้ดID IJidXNIz https://dashboard.jwplayer.com/#/content/detail?property=f67a57a0-3ecf-11e6-9862-0637bffb81a3&key=IJidXNIz&view=list ที่นี่

คัดลอกไปที่คลิปบอร์ด

ใส่โค้ดID IJidXNIz
8.จำนวนที่ต้องการให้แสดง: กำหนดเป็น1
9.จำกัดสิทธิ์: เลือกผู้ใช้ที่มีสิทธิ์ในการใช้งาน bbcode ตามปรารถนา

ดาวน์โหลดไฟล์ ปุ่มไอคอน bb_jwp2.png


หมายเหตุ : ข้อดีของ เว็บ jwplayer.com ในการสร้างรูปแบบสกินวีดีโอมันมีให้สามารถเลือกตั้งค่าเล่นได้ทั้ง แบบ jwplayer และแบบ HTML5 ด้วยพร้อมกันเลย

suttasilo

ทดสอบ BBcode jwplayer แบบที่ 1

suttasilo

ทดสอบ BBcode jwplayer แบบที่ 2