นี่เป็นโพสต์แรกของฉัน!
ฉันจะแสดงวิธีใช้ iframe เพื่อค้นหาและเล่นวิดีโอ YouTube ในหน้าเดียวกันของเว็บไซต์ เพื่อเพิ่มฟังก์ชันการทำงานเพิ่มเติม ฉันได้เพิ่มคุณลักษณะการค้นหาเพื่อให้ผู้ใช้สามารถค้นหาวิดีโอหลังจากคัดลอกลิงก์ไปยังวิดีโอแล้ว ฉันใช้ html, css และ javascript แล้ว!
หน้า HTML
เมื่อคลิกปุ่มค้นหา ฟังก์ชัน searchVideo จะถูกเรียก
สคริปต์
Youtube iframe ให้ตัวอย่างการฝังวิดีโอบนเว็บไซต์
ฟังก์ชั่นการค้นหาโดยรวม
1. รับลิงค์ Youtube ของผู้ใช้เป็นอินพุต
2. ฉันใช้ REGEX เพื่อแยกรหัสวิดีโอจากลิงก์ Youtube
3. ฝังรหัสวิดีโอลงในลิงก์ iframe:
4. ฝัง iframe
// This code loads the IFrame Player API code asynchronously.
// This function creates an <iframe> (and YouTube player) // after the API code downloads.
// The API will call this function when the video player is ready.
5. ซีเอสเอส
ผลลัพธ์สุดท้าย
ฉันหวังว่ามันจะช่วยคุณได้! สามารถเพิ่มฟังก์ชันการทำงานเพิ่มเติมได้ ขอบคุณที่อ่าน.