Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.5 Thai R20240520 Rev.9 (NEW) [วิดีโอช่วยสอน] อัปเกรด Discuz! X3.4 เป็น X3.5 Discord ของ Discuz! Thai Community อย่างเป็นทางการ

Discuz! X3.4 Thai R20220811 (REV.75) สิ้นสุดการสนับสนุน Discuz! X3.4 ภาษาไทยตั้งแต่วันนี้เป็นต้นไป (ขอแนะนำให้อัปเกรดเป็น X3.5 แทน)

ค้นหา
แท็กยอดนิยม: ดิสคัสภาษาไทย Discuz Thai
ดู: 1775|ตอบกลับ: 4

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

  [คัดลอกลิงก์]
suttasilo โพสต์ 2016-11-8 20:12:18 |โหมดอ่าน
แก้ไขครั้งสุดท้ายโดย 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.จะได้โค้ดดังนี้
  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
คัดลอกไปที่คลิปบอร์ด

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

จำนวนผู้เข้าร่วม 2จิตพิศัย +2 ย่อ เหตุผล
showclipvip + 1 ถูกใจ
j2547 + 1 ถูกใจ

ดูบันทึกคะแนน

Attachments โพสต์ 2016-11-9 01:01:07
ขอบคุณครับ ละเอียดมาก
showclipvip โพสต์ 2017-12-22 21:36:44
:victoryสุดยอดดดด
cholphan โพสต์ 2018-2-28 12:46:14
ขอบคุณมากครับ
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2024-12-19 07:31

Powered by Discuz! X3.4, Rev.66

Copyright © 2001-2021 Tencent Cloud. Licensed

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้