ใช้ในหน้าเว็บของคุณ
<video autoplay muted loop playsinline poster="hero.jpg">
<source src="../hero.webm" type="video/webm">
<source src="../hero.mp4" type="video/mp4">
</video>เคล็ดลับ
- ทำลูปให้สั้น — 10–20 วินาทีก็เพียงพอ
- ไม่มีแทร็กเสียง: วิดีโอที่ปิดเสียงเล่นอัตโนมัติได้ และยังประหยัดขนาดไฟล์
- Webflow จำกัดวิดีโอพื้นหลังที่ 30 MB — ใช้พรีเซ็ต Webflow ในการตั้งค่าขั้นสูง
- ภาพโทนมืดและภาพสโลว์โมชันซ่อนร่องรอยจากการบีบอัดได้ดีกว่าภาพที่มีรายละเอียดมากและเคลื่อนไหวเร็ว
คำถามที่พบบ่อย
ทำไมต้องมีสองไฟล์?
WebM (VP9) เล็กกว่าและใช้ได้ใน Chrome, Edge และ Firefox ส่วน Safari จะใช้ MP4 สำรอง
ทำไมวิดีโอต้องปิดเสียง?
เบราว์เซอร์เล่นอัตโนมัติเฉพาะวิดีโอที่ไม่มีเสียง และการเอาแทร็กเสียงออกยังทำให้ไฟล์เล็กลงด้วย
อัปเดตล่าสุด: 30/10/2026