ข้อควรระวังและวิธีการโค้ดสำหรับการเล่นวิดีโอผ่านการโทร HTML5

ผู้เขียน：Eve Cole เวลาอัปเดต：2025-04-01 05:48:01

ในเคล็ดลับด่วนในวิดีโอเราจะสำรวจวิธีใช้แท็กวิดีโอ HTML5 ในโครงการของคุณ เนื่องจากเบราว์เซอร์เก่าและ Internet Explorer ไม่รองรับองค์ประกอบ <วิดีโอ> เราต้องหาวิธีแก้ปัญหาสำหรับเบราว์เซอร์เหล่านี้ที่รองรับไฟล์แฟลช

ต่อไปนี้เป็นข้อควรระวังและวิธีการโค้ดสำหรับการเล่นวิดีโอที่เกี่ยวข้องกับการโทร HTML5 ที่เกี่ยวข้องกับการเล่นวิดีโอ HTML5 เนื้อหาเป็นบทช่วยสอนที่เลือกอย่างระมัดระวังและรวบรวมโดยเว็บไซต์นี้ ฉันหวังว่ามันจะเป็นประโยชน์กับชาวเน็ต ต่อไปนี้เป็นเนื้อหาโดยละเอียด:

น่าเสียดายเช่น HTML5 Audio รูปแบบไฟล์ที่เกี่ยวข้องในวิดีโอไม่ได้รับการสนับสนุนในลักษณะเดียวกับ Firefox และ Safari/Chrome ดังนั้นหากคุณต้องการใช้วิดีโอ HTML5 ในเวลานี้คุณต้องสร้างวิดีโอสามเวอร์ชัน

. OGG

Firefox รองรับรูปแบบนี้เป็นอย่างดี คุณสามารถใช้ VLC (Media-> Stream/Save) เพื่อให้ได้การแปลงวิดีโอที่ง่าย

.MP4

เครื่องมือบันทึกหน้าจอจำนวนมากรองรับการส่งออกแบบอัตโนมัติของรูปแบบ MP4 ซึ่งคุณสามารถใช้เพื่อสร้างวิดีโอในรูปแบบที่กำหนดสำหรับเบราว์เซอร์ Safari และ Chrome

.flv/.swf

แน่นอนว่าเบราว์เซอร์ทั้งหมดรองรับวิดีโอ HTML5 แน่นอนให้แน่ใจว่าได้เพิ่มแฟลชรุ่นที่ดีที่สุดอันดับสองโดยพิจารณาความเข้ากันได้

 <! doctype html> <html lang = en> <head> <meta http-equiv = เนื้อหาประเภทเนื้อหา = text/html; charset = utf-8> <title> untitled </title> </head> <body> <วิดีโอควบคุมความกว้าง = 500> <!-ถ้า firefox-> <source src = video.ogg type = video/ogg/> <! คุณสามารถเขียนบางอย่างเช่นใช้เบราว์เซอร์ที่ดีกว่า! หากคุณรู้สึกน่ารังเกียจ (ดีกว่าที่จะใช้ไฟล์แฟลช)-> <ฝัง src = http: //blip.tv/play/gcmvgcmbaga%2EM4V type = application/x-shockwave-flash width = 1024 ความสูง = 798 อนุญาตให้ใช้

พารามิเตอร์เสริมสำหรับองค์ประกอบ <วิดีโอ> บางอย่าง:

การควบคุม: ค่าบูลีนแสดงปุ่มเล่น/หยุด;

โปสเตอร์: URL ของภาพที่แสดงก่อนที่จะเล่นวิดีโอ

Autoplay: ค่าบูลีนวิดีโอจะเล่นโดยอัตโนมัติหลังจากโหลดหน้าเว็บ;

ความกว้าง: ความกว้างที่จำเป็นสำหรับวิดีโอ โดยค่าเริ่มต้นเบราว์เซอร์จะตรวจจับขนาดวิดีโอที่ให้ไว้โดยอัตโนมัติ

ความสูง: ความสูงที่จำเป็นสำหรับวิดีโอ;

SRC: เส้นทางไปยังไฟล์วิดีโอโดยใช้องค์ประกอบลูก <Source> เพื่อให้ดีขึ้น

หมายเหตุเกี่ยวกับวิดีโอ HTML5

1. ต้องสร้างรูปแบบวิดีโอสามรูปแบบเพื่อให้ได้รับการสนับสนุนสำหรับ Firefox, Safari/Chrome และ IE;

2. อย่าละเว้นรูปแบบใด ๆ HTML5 ไม่สามารถเข้ากันได้กับ Firefox และ Safari อย่างที่คุณคิด Safari สามารถตีความแท็ก <วิดีโอ> และคาดว่าจะโหลดไฟล์ที่เหมาะสม หากมีการละเว้นรูปแบบที่แน่นอนมันจะทำให้ผู้เล่นว่างเปล่า

3. โปรดจำไว้ว่าการแสดงผลแบบเต็มหน้าจอไม่ได้รับการสนับสนุนโดย Safari และ Chrome อย่างไรก็ตามใน Firefox 3.6 คุณสามารถเรียกดูแบบเต็มหน้าจอ

4. คุณต้องเข้าใจเหตุผลว่าทำไมคือโหลดไฟล์แฟลชเพราะ IE ไม่สามารถตีความองค์ประกอบ <วิดีโอ> อย่างไรก็ตามหากเบราว์เซอร์รองรับคุณจะคาดว่าจะโหลดไฟล์ที่เหมาะสม

ต้นฉบับภาษาอังกฤษ: เคล็ดลับด่วน: วิดีโอ HTML5 พร้อมทางเลือกกลับไปที่ Flash Nettus+

เนื้อหาเกี่ยวกับข้อควรระวังและวิธีการโค้ดสำหรับการเล่นวิดีโอผ่านการโทร HTML5 อยู่ที่นี่ คุณสามารถบุ๊คมาร์คหน้านี้ url http://www.vevb.com/web/a/2018090561468.shtml เพื่อให้เข้าถึงได้ง่ายในครั้งต่อไป