บทความบทนำของ wulin.com (www.vevb.com): HTML 5 ภาพรวมวิดีโอ
1 การแนะนำวิดีโอ
อ้างถึงข้อความแนะนำจากเอกสารที่แปลของฉัน "ฝังเสียงและวิดีโอในหน้า HTML5": วันนี้วิธีที่เชื่อถือได้เพียงอย่างเดียวในการฝังวิดีโอบนหน้าเว็บและดูผู้ใช้ทั้งหมดโดยไม่คำนึงถึงเบราว์เซอร์หรือระบบปฏิบัติการ สิ่งนี้ต้องใช้ปลั๊กอิน Adobe Flash และรวมแท็ก <Ojuct> และ <Embed>
ผู้ใช้ส่วนใหญ่มีการติดตั้งปลั๊กอินแฟลชแล้ว (อันที่จริงผู้ใช้อินเทอร์เน็ตประมาณ 95% มีแฟลชเวอร์ชันบางรุ่น) แต่ผู้สนับสนุน HTML 5 กำลังผลักดันมาตรฐานวิดีโอที่เปิดอยู่ซึ่งไม่ต้องการปลั๊กอินใด ๆ นี่คือแนวคิดที่นำไปสู่แท็กใหม่ของ HTML 5 <วิดีโอ> ซึ่งเป็นวิธีการฝังวิดีโอ (และโต้ตอบกับพวกเขา) โดยไม่จำเป็นต้องใช้ปลั๊กอินส่วนตัวเช่นแฟลช
น่าเสียดายที่วิดีโอไม่ง่ายอย่างนั้น เบราว์เซอร์ไม่เพียง แต่จำเป็นต้องเข้าใจแท็ก <วิดีโอ> แต่ยังต้องเข้ารหัสและถอดรหัสที่จำเป็นเพื่อเล่นวิดีโอ ทางออกที่ชัดเจนสำหรับผู้สร้างข้อมูลจำเพาะ HTML 5 เพื่อเลือกตัวแปลงสัญญาณวิดีโอและให้ผู้ผลิตเบราว์เซอร์ทุกรายดำเนินการ
อย่างไรก็ตามนั่นคือสิ่งที่คุณแนะนำ ในเวลาเดียวกันนี่เป็นฟิวส์ที่ทำให้เกิดความวุ่นวาย การถกเถียงเรื่องตัวแปลงสัญญาณที่หลากหลายนั้นน่ารำคาญมาก แต่สิ่งที่น่าเศร้าก็คือผู้ผลิตเบราว์เซอร์ไม่สามารถไปถึงจุดสิ้นสุดได้ Apple ลังเลที่จะใช้ตัวแปลงสัญญาณ Ogg Theora ที่เสนอ แต่ Opera และ Mozilla ก็ไม่เต็มใจที่จะจ่ายค่าธรรมเนียมใบอนุญาตเนื่องจากเบราว์เซอร์ของพวกเขาโหลดตัวแปลงสัญญาณ H.264 Google รองรับทั้งสองอย่างและ Microsoft อยู่เบื้องหลังการอภิปรายเพราะไม่มีแผนที่จะสนับสนุนองค์ประกอบวิดีโอ HTML 5 เลย
เผชิญกับทางตันของผู้ผลิตเบราว์เซอร์ HTML 5 เผด็จการที่มีเจตนาดีเอียนฮิคสันจับมือของเขาและพูดร่วมเพศ ดังนั้นจึงไม่มีตัวแปลงสัญญาณการเข้ารหัสวิดีโอที่มีชื่อหรือระบุเป็นพิเศษในข้อกำหนด HTML 5 ตกลงอ้างถึงที่นี่
สถานการณ์คือ Microsoft ถูกขังอยู่ในที่สุด แต่น่าเศร้าที่รองรับ H.264 ใน IE 9 ในเวลาเดียวกัน Google ได้เปิดตัว Webm Open Source Video Excapsulation Format และรูปแบบการเข้ารหัสวิดีโอ VP8 ในการประชุม I/O Opera, Mozilla และ Chrome ประกาศว่าพวกเขาจะสนับสนุน VP8 อย่างเต็มที่และ IE ประกาศว่าการสนับสนุนบางอย่าง (ต้องใช้ปลั๊กอิน แต่ถ้าฉันจำได้อย่างถูกต้องหนึ่งในวิสัยทัศน์ของ HTML5 คือการออกจากปลั๊กอินเบราว์เซอร์ซึ่งเป็นเรื่องน่าเศร้าสำหรับ Microsoft)
Apple ตัดสินใจที่จะไม่สนับสนุน VP8 งานเชื่อว่า VP8 ไม่ดีเท่า H.264 ในแง่ของคุณภาพหรือประสิทธิภาพและไม่สามารถตอบสนองความต้องการของผลิตภัณฑ์ได้ นอกจากนี้ข่าวล่าสุดแสดงให้เห็นว่า VP8 อาจเกี่ยวข้องกับปัญหาสิทธิบัตร (หากสิทธิบัตรถูกละเมิดจริง ๆ Opera และ Firefox อาจไม่สนใจ VP8 ทันที)
ในท้ายที่สุดถ้าคุณต้องการใช้แท็ก <วิดีโอ> บนหน้าคุณต้องพิจารณาสถานการณ์สามสถานการณ์: ผู้ที่สนับสนุน Ogg Theora หรือ VP8 (ถ้าไม่มีอะไรเกิดขึ้นกับสิ่งนี้) (โอเปร่า, Mozilla, Chrome)
ตอนนี้เรามาทำความเข้าใจวิดีโอ HTML 5 จากระดับเทคนิครวมถึงการใช้แท็ก <วิดีโอ> คุณสมบัติของสื่อและวิธีการที่วัตถุวิดีโอสามารถใช้และกิจกรรมของสื่อได้
2 การใช้แท็กวิดีโอ
แท็กวิดีโอมีคุณลักษณะหลายอย่างเช่น SRC, โปสเตอร์, preload, การเล่นอัตโนมัติ, ลูป, การควบคุม, ความกว้าง, ความสูง, ฯลฯ รวมถึงแท็กที่ใช้แล้วภายใน <source>
นอกเหนือจากแท็ก <source> แท็กวิดีโอยังสามารถรวมเนื้อหาที่ส่งคืนเมื่อไม่สามารถเล่นวิดีโอที่ระบุได้
2.1 แอตทริบิวต์ SRC และแอตทริบิวต์โปสเตอร์
คุณนึกภาพได้ไหมว่าแอตทริบิวต์ SRC ใช้สำหรับอะไร เช่นเดียวกับแท็ก <IMG> คุณสมบัตินี้ใช้เพื่อระบุที่อยู่ของวิดีโอ
แอตทริบิวต์โปสเตอร์ใช้เพื่อระบุรูปภาพและแสดงเมื่อข้อมูลวิดีโอปัจจุบันไม่ถูกต้อง (ภาพตัวอย่าง) ข้อมูลวิดีโอที่ไม่ถูกต้องอาจเป็นเพราะวิดีโอกำลังโหลดอาจเป็นเพราะที่อยู่วิดีโอผิด ฯลฯ
2.2 แอตทริบิวต์ล่วงหน้า
คุณสมบัตินี้ยังสามารถใช้ตามชื่อซึ่งใช้เพื่อกำหนดว่าวิดีโอจะโหลดไว้ล่วงหน้าหรือไม่ มีสามค่าเสริมสำหรับแอตทริบิวต์: ไม่มีข้อมูลเมตาและอัตโนมัติ หากไม่ได้ใช้คุณสมบัตินี้ค่าเริ่มต้นคืออัตโนมัติ
ไม่มี: ไม่มีการโหลดล่วงหน้า การใช้ค่าคุณสมบัตินี้อาจเป็นไปได้ว่าผู้ผลิตหน้าเชื่อว่าผู้ใช้ไม่คาดหวังวิดีโอนี้หรือลดคำขอ HTTP
ข้อมูลเมตา: โหลดไว้ล่วงหน้าบางส่วน การใช้ค่าแอตทริบิวต์นี้หมายความว่าผู้สร้างหน้าเชื่อว่าผู้ใช้ไม่ได้คาดหวังวิดีโอนี้ แต่ให้ข้อมูลเมตาบางส่วนแก่ผู้ใช้ (รวมถึงขนาดเฟรมแรกรายการแทร็กระยะเวลา ฯลฯ )
อัตโนมัติ: โหลดไว้ล่วงหน้าทั้งหมด
2.3 แอตทริบิวต์การเล่นอัตโนมัติ
คุณลักษณะอื่นที่รู้การใช้งานตามชื่อ คุณสมบัติการเล่นอัตโนมัติถูกใช้เพื่อตั้งค่าว่าวิดีโอนั้นเล่นโดยอัตโนมัติและเป็นคุณสมบัติบูลีน เมื่อปรากฏขึ้นมันหมายถึงการเล่นอัตโนมัติและการลบหมายความว่ามันไม่ได้เล่นโดยอัตโนมัติ
โปรดทราบว่าค่าของแอตทริบิวต์บูลีนใน HTML นั้นไม่เป็นความจริงและเป็นเท็จ การใช้งานที่ถูกต้องคือการใช้แอตทริบิวต์นี้เพื่อเป็นตัวแทนของ TRUE ในแท็ก ในเวลานี้แอตทริบิวต์ไม่มีค่าหรือค่าของมันจะเท่ากับชื่อเสมอ (ที่นี่การเล่นอัตโนมัติคือ <วิดีโอ Autoplay /> หรือ <วิดีโอ Autoplay = Autoplay />>); ในขณะที่แอตทริบิวต์นี้ไม่ได้ใช้ในแท็กเพื่อแสดงถึงเท็จ (ที่นี่การเล่นอัตโนมัติคือ <วิดีโอ />)
2.4 คุณลักษณะลูป
เป็นที่ชัดเจนอย่างเห็นได้ชัดว่าแอตทริบิวต์ลูปถูกใช้เพื่อระบุว่าวิดีโอนั้นเล่นลูปหรือไม่และยังเป็นแอตทริบิวต์บูลีน
2.5 แอตทริบิวต์ควบคุม
คุณสมบัติการควบคุมใช้เพื่อระบุเบราว์เซอร์ว่าผู้สร้างหน้าไม่ใช้สคริปต์เพื่อสร้างคอนโทรลเลอร์การเล่นและเบราว์เซอร์ต้องการเบราว์เซอร์เพื่อเปิดใช้งานแถบควบคุมการเล่นของตัวเอง
แถบควบคุมจะต้องรวมถึงการควบคุมการเล่นชั่วคราวการควบคุมความคืบหน้าการเล่นการควบคุมระดับเสียง ฯลฯ