BBcode jwplayer (ฝากไฟล์ไว้ที่เว็บ jwplayer.com)
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2017-6-23 22:22ธรรมสวัสดีเพื่อนชาวดิสคัส วันนี้มานำเสนอวิธีทำ 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.จะได้โค้ดดังนี้
<iframe src="//content.jwplatform.com/players/jR6yur1L-PMbDgj6J.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>12.ใส่ค่าตัวแปร {1} นำโค้ดนี้ไปใส่ในข้อ 3 วิธีทำด้านล่าง
<iframe src="//content.jwplatform.com/players/{1}.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>หมายเหตุ :
ปรับแต่งแก้ไขสกิน 16:9 example player ไปที่ https://dashboard.jwplayer.com/#/players/basic_setup?property=f67a57a0-3ecf-11e6-9862-0637bffb81a3&player_key=PMbDgj6J
ปรับแต่งแก้ไขสกิน 480x270 example player ไปที่ 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.โค้ด/เนื้อหาที่ต้องการ :
<iframe src="//content.jwplatform.com/players/{1}.html" width="640" height="360" frameborder="0" scrolling="auto" allowfullscreen></iframe>4.ตัวอย่าง:
ใส่โค้ดID5.รายละเอียด: ใส่โค้ดID
6.จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
7.คำแนะนำ / คำชี้แนะ:
ใส่โค้ด 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.โค้ด/เนื้อหาที่ต้องการ :
<script src="//content.jwplatform.com/players/{1}.js"></script>4.ตัวอย่าง:
ใส่โค้ด ID5.รายละเอียด: ใส่โค้ดID
6.จำนวนช่องที่ให้ใส่ข้อมูล / โค้ด / ID: กำหนดเป็น 1
7.คำแนะนำ / คำชี้แนะ:
ใส่โค้ด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.comhttp://www.pptflower.com/forum.php?mod=viewthread&tid=210
ขอบคุณครับ ละเอียดมาก สุดยอด :victoryสุดยอดดดด ขอบคุณมากครับ
หน้า:
[1]