เมื่อเขียนโครงการเว็บ ฉันพบวิดีโอแนะนำแยกต่างหากในหน้าแนะนำ มีเพียงวิดีโอสั้น ๆ นี้ ดังนั้นจึงไม่มีการใช้ส่วนประกอบวิดีโอ ดังนั้นฉันจึงต้องการแก้ปัญหาโดยใช้แท็กวิดีโอเนทิฟ
แม้ว่าวิดีโอแนะนำจะฟรี แต่คุณไม่ต้องการมีปุ่มดาวน์โหลดหรือไม่สามารถบันทึกวิดีโอได้ ดังนั้นให้หาวิธีทำให้ดูเหมือนไม่มีฟังก์ชันการดาวน์โหลดและจดบันทึก
หากคุณต้องการซ่อนปุ่มดาวน์โหลดด้านบน สามสไตล์ก็เพียงพอแล้ว เพียงวางโค้ดโดยไม่มีเรื่องไร้สาระ:
html;">วิดีโอ::-internal-media-controls-download-button { จอแสดงผล: none;} วิดีโอ::-webkit-media-controls-enclosure { overflow:hidden;} วิดีโอ::-webkit-media-controls- แผง { ความกว้าง: คำนวณ (100% + 50px }พูดตรงๆ คือย้ายปุ่มดาวน์โหลดออกไปนอกหน้าต่าง แต่ฉันมองหา CSS เหล่านี้มานานแล้ว! -
วิธีการนี้ไม่ได้ป้องกันการดาวน์โหลดวิดีโอจริงๆ ผู้ใช้ที่ระมัดระวังยังสามารถค้นหาไฟล์วิดีโอที่โหลดในไฟล์แคชได้ ดังนั้นไฟล์จึงถูกซ่อนไว้เช่นเดียวกับชื่อเรื่อง
เพื่อป้องกันการดาวน์โหลดวิดีโออย่างแท้จริง ที่อยู่วิดีโอยังต้องมีการเข้ารหัสและตรวจสอบผ่านเซิร์ฟเวอร์
สรุปด้านบนนี้เป็นฟังก์ชั่นการซ่อนปุ่มดาวน์โหลดในแท็ก VIDEO ของหน้า HTML ที่โปรแกรมแก้ไขแนะนำ ฉันหวังว่ามันจะเป็นประโยชน์กับคุณ หากคุณมีคำถามใดๆ โปรดฝากข้อความถึงฉัน แล้วโปรแกรมแก้ไขจะตอบกลับ คุณทันเวลา ฉันอยากจะขอบคุณทุกคนที่ให้การสนับสนุนเว็บไซต์ศิลปะการต่อสู้ VeVb!