คำถามติดแท็ก html5-video

วิดีโอ HTML5 เป็นองค์ประกอบที่นำมาใช้ในข้อกำหนดร่าง HTML5 เพื่อจุดประสงค์ในการสร้างวิธีที่เป็นไปตามมาตรฐานและไม่ต้องใช้ปลั๊กอินสำหรับการเล่นวิดีโอและภาพยนตร์โดยแทนที่องค์ประกอบวัตถุบางส่วน

4
URL หยดคืออะไรและทำไมจึงใช้
ฉันมีปัญหามากมายกับ URL หยด ฉันค้นหาsrcแท็กวิดีโอบน YouTube และพบว่าวิดีโอsrcเป็นเช่น: src="blob:https://crap.crap" ฉันเปิด blob URL ที่อยู่ในsrcวิดีโอมันทำให้เกิดข้อผิดพลาด ฉันไม่สามารถเปิดลิงก์ได้ แต่มันทำงานกับsrcแท็ก เป็นไปได้อย่างไร? ที่ต้องการ: URL หยดคืออะไร? ทำไมถึงใช้งาน ฉันสามารถสร้าง URL หยดของตัวเองบนเซิร์ฟเวอร์ได้หรือไม่? หากคุณมีรายละเอียดเพิ่มเติมใด ๆ


17
เล่น / หยุดวิดีโอ HTML 5 ชั่วคราวโดยใช้ JQuery
ฉันพยายามควบคุมวิดีโอ HTML5 โดยใช้ JQuery ฉันมีสองคลิปในอินเทอร์เฟซแบบแท็บมีแท็บทั้งหมดหกแท็บส่วนอีกคลิปมีแค่ภาพ ฉันพยายามทำให้คลิปวิดีโอเล่นเมื่อมีการคลิกที่แท็บแล้วหยุดเมื่อมีคนอื่นคลิก นี่เป็นเรื่องง่ายที่จะทำ แต่ฉันไม่สามารถทำงานได้รหัสที่ฉันใช้ในการเล่นวิดีโอคือ: $('#playMovie1').click(function(){ $('#movie1').play(); }); ฉันได้อ่านแล้วว่าองค์ประกอบวิดีโอจำเป็นต้องเปิดเผยในฟังก์ชันเพื่อให้สามารถควบคุมได้ แต่ไม่สามารถหาตัวอย่างได้ ฉันสามารถทำให้มันทำงานโดยใช้ JS: document.getElementById('movie1').play(); คำแนะนำใด ๆ ที่จะดี ขอบคุณ
206 jquery  css  html  html5-video 

20
ป้องกันไม่ให้ดาวน์โหลดวิดีโอ HTML5 (คลิกขวาแล้วบันทึก)
ฉันจะปิดการใช้งาน "บันทึกวิดีโอเป็น ... " จากเมนูคลิกขวาของเบราว์เซอร์เพื่อป้องกันไม่ให้ลูกค้าดาวน์โหลดวิดีโอได้อย่างไร มีวิธีแก้ไขปัญหาที่สมบูรณ์กว่าที่ป้องกันไม่ให้ไคลเอ็นต์เข้าถึงพา ธ ไฟล์โดยตรงหรือไม่?

4
ประเภท mime ที่ถูกต้องสำหรับ. mp4
ฉันมีสองแอปพลิเคชั่นตามที่ระบุไว้ด้านล่าง: แอปพลิเคชันผู้ดูแลระบบซึ่งฉันสามารถอัปโหลดไฟล์. mp4 ไปยังเซิร์ฟเวอร์ได้ ฉันกำลังพยายามดาวน์โหลด. mp4 โดยใช้แอปพลิเคชันมือถือใน iPad แอปพลิเคชัน Admin ทำโดยใช้ asp.net 4.0 และ SQL Server, IIS7 แอปพลิเคชั่นมือถือทำจาก asp.net mvc3, jquerymobile, HTML5 ณ ตอนนี้ฉันได้เพิ่มประเภท mime video/mp4สำหรับ. mp4 ใน IIS7 mime types เมื่อฉันพยายามดาวน์โหลดไฟล์. mp4 ใน iPad ฉันเห็นหน้าจอสีดำเข้มพร้อมลูกศรกากบาท ทุกคนได้โปรดช่วยฉันในการแก้ไขปัญหา โปรดบอกฉันว่าประเภท mime video/mp4สำหรับ. mp4 นั้นถูกต้องหรือไม่

16
หยุด / ปิดสตรีมเว็บแคมซึ่งเปิดโดย navigator.mediaDevices.getUserMedia [ปิด]
ปิด . คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ขณะนี้ยังไม่ยอมรับคำตอบ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้เน้นไปที่ปัญหาเดียวโดยแก้ไขโพสต์นี้เท่านั้น ปิดให้บริการใน29 วันที่ผ่านมา ปรับปรุงคำถามนี้ ฉันเปิดเว็บแคมโดยใช้รหัส JavaScript ต่อไปนี้: const stream = await navigator.mediaDevices.getUserMedia({ /* ... */ }); มีโค้ด JavaScript เพื่อหยุดหรือปิดเว็บแคมหรือไม่? ขอบคุณทุกคน

21
มีวิธีสร้างวิดีโอ HTML5 แบบเต็มหน้าจอหรือไม่
มีวิธีการเล่นวิดีโอเต็มหน้าจอโดยใช้<video>แท็กHTML5 หรือไม่ และถ้าเป็นไปไม่ได้ใครจะรู้ว่ามีเหตุผลสำหรับการตัดสินใจนี้หรือไม่?

4
จะเปลี่ยนความเร็วในการเล่นวิดีโอใน HTML5 ได้อย่างไร?
จะเปลี่ยนความเร็วในการเล่นวิดีโอใน HTML5 ได้อย่างไร? ฉันได้ตรวจสอบคุณสมบัติของแท็กวิดีโอใน w3school แล้ว แต่ไม่สามารถเข้าใกล้ได้ขอความช่วยเหลือใด ๆ จะขอบคุณ!

13
วิธีจัดการกับ“ Uncaught (ตามสัญญา) DOMException: play () ล้มเหลวเนื่องจากผู้ใช้ไม่ได้โต้ตอบกับเอกสารก่อน” บนเดสก์ท็อปด้วย Chrome 66?
ฉันได้รับข้อความแสดงข้อผิดพลาด .. Uncaught (ตามสัญญา) DOMException: play () ล้มเหลวเนื่องจากผู้ใช้ไม่ได้โต้ตอบกับเอกสารก่อน .. เมื่อพยายามเล่นวิดีโอบนเดสก์ท็อปโดยใช้ Chrome เวอร์ชัน 66 ฉันพบโฆษณาที่เริ่มเล่นโดยอัตโนมัติบนเว็บไซต์ แต่ใช้ HTML ต่อไปนี้: <video title="Advertisement" webkit-playsinline="true" playsinline="true" style="background-color: rgb(0, 0, 0); position: absolute; width: 640px; height: 360px;" src="http://ds.serving-sys.com/BurstingRes/Site-2500/Type-16/1ff26f6a-aa27-4b30-a264-df2173c79623.mp4" autoplay=""></video> ดังนั้นโดยผ่าน Chrome V66 ของป้องกันแบบอัตโนมัติจริงๆเป็นเรื่องง่ายเหมือนแค่การเพิ่มwebkit-playsinline="true", playsinline="true"และautoplay=""แอตทริบิวต์กับ<video>องค์ประกอบ? มีผลเสียต่อสิ่งนี้หรือไม่?

7
วิธีตั้งค่าภาพขนาดย่อในวิดีโอ HTML5
มีวิธีตั้งค่าภาพขนาดย่อในวิดีโอ HTML5 หรือไม่? ฉันต้องการดูภาพก่อนเล่น รหัสของฉันมีลักษณะดังนี้: <video width="470" height="255" controls> <source src="video.mp4" type="video/mp4"> <source src="video.ogg" type="video/ogg"> <source src="video.webm" type="video/webm"> <object data="video.mp4" width="470" height="255"> <embed src="video.swf" width="470" height="255"> </object> </video> ขอบคุณ!

6
ขนาดวิดีโอ HTML5
ฉันกำลังพยายามหาขนาดของวิดีโอที่ฉันวางซ้อนบนหน้าเว็บด้วย JavaScript แต่มันจะส่งคืนขนาดของภาพโปสเตอร์แทนที่จะเป็นวิดีโอจริงเนื่องจากดูเหมือนว่าจะคำนวณก่อนที่จะโหลดวิดีโอ

13
ทำให้โปสเตอร์วิดีโอ HTML5 มีขนาดเท่ากับวิดีโอ
มีใครทราบวิธีปรับขนาดโปสเตอร์วิดีโอ HTML5 ให้พอดีกับขนาดของวิดีโอไหม นี่คือ jsfiddle ที่แสดงปัญหา: http://jsfiddle.net/zPacg/7/ นี่คือรหัสนั้น: HTML: <video controls width="100%" height="100%" poster="http://www.wpclipart.com/blanks/buttons/glossy_buttons/glossy_button_blank_orange_rectangle.png"> <source src="http://demo.inwebson.com/html5-video/iceage4.mp4" type="video/mp4" /> <source src="http://demo.inwebson.com/html5-video/iceage4.ogg" type="video/ogg" /> <source src="http://demo.inwebson.com/html5-video/iceage4.webm" type="video/webm" /> </video>​ CSS: video{ border:1px solid red; }​ สังเกตว่าสี่เหลี่ยมผืนผ้าสีส้มไม่ได้ปรับขนาดให้เท่ากับขอบสีแดงของวิดีโอ นอกจากนี้การเพิ่ม CSS ด้านล่างก็ใช้ไม่ได้เช่นกันเนื่องจากปรับขนาดวิดีโอพร้อมกับโปสเตอร์: video[poster]{ height:100%; width:100%; }

24
แท็กวิดีโอ HTML5 ไม่ทำงานใน Safari, iPhone และ iPad
ฉันพยายามสร้างหน้าเว็บ html5 ซึ่งมีวิดีโอขนาดเล็กเช่น 13s ฉันแปลงเวอร์ชันแฟลชของวิดีโอนี้เป็น 3 รูปแบบ: .ogv โดยใช้ fireFogg, .webm โดยใช้ firefogg และ. mp4 โดยใช้แอปพลิเคชัน HandBrake สคริปต์ html ฉันใช้ในเพจของฉัน: <video width="800" height="640" loop preload="false" autoplay controls tabindex="0"> <source src="xmasvideo/video.mp4" type="video/mp4" /> <source src="xmasvideo/M&P-Xmas 2.ogv" type="video/ogv" /> <source type="video/webm" src="xmasvideo/M&P-Xmas.webm" /> </video> วิดีโอทำงานได้ดีใน Chrome และ FireFox แต่ไม่ทำงานเลยทั้งใน Safari บนเดสก์ท็อปหรือบน iPhone …

6
เริ่มวิดีโอ HTML5 ที่ตำแหน่งใดตำแหน่งหนึ่งเมื่อโหลด?
ฉันต้องการวิดีโอ HTML5 เพื่อเริ่มต้น ณ จุดหนึ่ง สมมติว่าเวลา 50 วินาทีเป็นต้นไป ฉันลองแล้ว แต่มันไม่ได้ผลตามที่คาดไว้ มีบางอย่างที่ฉันทำผิด? นี่คือรหัส: <video id="vid1" width="640" height="360"> <source src="file.webm" type="video/webm" /> Your browser does not support the video tag. </video> <script> document.getElementById('vid1').currentTime = 50; </script> เมื่อหน้าเว็บโหลดมันจะเริ่มเล่นจากจุดเริ่มต้น อย่างไรก็ตามหากฉันเรียกสิ่งนี้ในระหว่างการเล่นเช่นหลังจากนั้นสักครู่ก็ใช้งานได้ดี มีอะไรที่ฉันขาดหายไป?

8
การเล่นวิดีโอ HTML5 แบบเต็มหน้าจอใน Android Webview
ฉันค้นหาไม่กี่วันแล้ววิธีแสดงวิดีโอ HTML5 ในโหมดเต็มหน้าจอบน Android WebView ฉันจัดการเพื่อเล่นวิดีโอ HTML5 บน webview ของฉัน ปัญหาเกิดขึ้นเมื่อแสดงวิดีโอในโหมดเต็มหน้าจอ ตามที่ฉันทราบแล้ว android มีสองวิธีในการจัดการแท็ก <video>: ในเวอร์ชัน Android <= 2.3.3เมธอด onShowCustomView จะเริ่มทำงานและฉันสามารถมีอินสแตนซ์ VideoView และตั้งค่าผู้ฟังเมื่อวิดีโอเล่นจบตั้งค่าคอนโทรลเลอร์ ฯลฯ จนถึงตอนนี้ดีมาก บน ICS (และอาจเป็น 3.0 ขึ้นไป)ดูเหมือนว่า <วิดีโอ> จะได้รับการจัดการในลักษณะที่แตกต่างกัน เมื่อเล่นวิดีโอ HTML5 onShowCustomView จะไม่ถูกเรียกในโหมดปกติดูเหมือนว่ามีธุรกิจภายในใน WebView ที่เล่นวิดีโอและการควบคุมทั้งหมดที่กำหนดไว้ในแท็ก <video> จะแสดงขึ้น - I ไม่สามารถเข้าถึงได้ แต่อย่างใด อันที่จริงหากเล่นวิดีโอในโหมดปกติก็ใช้ได้เพราะตัวควบคุมอยู่ที่นั่นและใช้งานได้ นั่นทำให้ฉันเจอปัญหาใหญ่เมื่อแสดงวิดีโอในโหมดเต็มหน้าจอจะมีการเรียก onShowCustomView - แต่ใน ICS …

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.