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>

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

หมายเหตุ :
ปรับแต่งแก้ไขสกิน 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 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 f67a57a0 https://dashboard.jwplayer.com/#/content/detail?property=f67a57a0-3ecf-11e6-9862-0637bffb81a3&key=IJidXNIz&view=list ที่นี่

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

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

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


ผลลัพธ์ที่ได้  ดังรูป วีดีโอของเรามีโลโก้ของตัวเองด้วยนะ (สามารถปรับแต่งเพิ่มเติมได้อีกนอกจากตัวอย่างที่ยกมานี้  เพิ่งทดลองใช้ คุณสมบัติอื่นๆในเว็บ jwplayer.com ยังศึกษาไม่หมดครับ)

วิธีทำ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 ด้วยพร้อมกันเลย

ที่มาจาก : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)
ทดสอบ BBcode jwplayer ไฟล์ไว้ที่เว็บ jwplayer.com

1. http://www.pptflower.com/forum.php?mod=viewthread&tid=210

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

Attachments

ขอบคุณครับ ละเอียดมาก

showclipvip

สุดยอด

showclipvip

:victoryสุดยอดดดด

cholphan

ขอบคุณมากครับ