สร้างรหัสฝังแบบ Responsive ได้อย่างง่ายดายด้วยแอพฟรีนี้
นักออกแบบเว็บไซต์ทุกคนรู้ วิธีฝังวิดีโอ. การฝังเป็นวิธีที่ง่ายที่สุดในการแบ่งปันเนื้อหาและปรับปรุงบทความของคุณด้วยสื่อที่เกี่ยวข้อง.
อย่างไรก็ตามมีปัญหากับ iframes และวิดีโออื่น ๆ ที่คล้ายกัน: ขาดวิธีแก้ปัญหาที่ตอบสนองได้. ทุกเว็บไซต์ที่ทันสมัยตอบสนองอย่างเต็มที่และวิดีโอคงที่สามารถทำลายการไหลที่บนมือถือ.
หากต้องการแก้ไขปัญหานี้ให้ลอง Embedresponsively.com. แอปพลิเคชันเว็บฟรีนี้ สร้างรหัสฝังอัตโนมัติ สำหรับไซต์สื่อที่หลากหลายและแม้กระทั่ง รองรับองค์ประกอบ iframe เริ่มต้น.
โดยค่าเริ่มต้นคุณสามารถ เลือกจากไซต์มัลติมีเดียจำนวนหนึ่ง ที่สนับสนุนการฝังแบบดั้งเดิม:
- YouTube
- Vimeo
- DailyMotion
- พูดเบาและรวดเร็ว
- Google Maps
- Soundcloud
- Scribd
คุณไม่จำเป็นต้องจำรหัสการฝังเหล่านี้ทั้งหมดหรือยุ่งกับวิดเจ็ตการฝัง เพียงแค่ คัดลอก URL ของรายการใด ๆ ที่คุณต้องการฝัง และวางลงในเว็บแอป.
เมื่อคุณคลิก “ฝัง” ปุ่มคุณจะ รับตัวอย่าง ที่คุณสามารถ ทดสอบในเบราว์เซอร์ของคุณโดยปรับขนาด, เพื่อดูว่าวิดีโอปรับเปลี่ยนอย่างไร ใต้บานหน้าต่างแสดงตัวอย่างคุณจะพบบล็อกของรหัสที่คุณสามารถทำได้ คัดลอก / วางและใช้เพื่อฝังบนไซต์ของคุณ.
นี่เป็นหนึ่งในวิธีแก้ปัญหาที่ง่ายที่สุดสำหรับปัญหาการฝังที่ตอบสนอง เป้าหมายคือ รักษาความยืดหยุ่นของวิดีโอในขณะที่ยังคงอัตราส่วนไว้-ไม่ใช่เรื่องง่าย.
มีชิ้นส่วนที่ดีเกี่ยวกับ CSS-Tricks ด้วยโซลูชั่นอื่นซึ่งต้องอาศัยคลาสและส่วนประกอบคอนเทนเนอร์มากขึ้น แต่ถ้าคุณ ไม่ต้องการจดจำการเพิ่มคอนเทนเนอร์นั้นเสมอ คุณอาจชอบ Embedresponsively.com.
ลองดูที่เว็บไซต์และลองดู ถ้าคุณไม่รังเกียจ ทำงานกับโค้ดขนาดยาว นี่เป็นทางออกที่ยอดเยี่ยมสำหรับเค้าโครงที่ตอบสนองใด ๆ.
และคุณสามารถค้นหาซอร์สโค้ดแบบเต็มได้ฟรีบน GitHub หากคุณต้องการ เพิ่มการสนับสนุนสำหรับสื่อที่ฝังได้มากขึ้น.
