2013-06-06 58 views
7

Im sử dụng mã này:HTML5 tự động phát video không hoạt động chính xác

<video width="440px" loop="true" autoplay="true" controls> 
<source src="http://www.tuscorlloyds.com/CorporateVideo.mp4" type="video/mp4" /> 
<source src="http://www.tuscorlloyds.com/CorporateVideo.ogv" type="video/ogv" /> 
<source src="http://www.tuscorlloyds.com/CorporateVideo.webm" type="video/webm" /> 
</video> 

Tôi muốn video để tự động phát nhưng khi trang tải chơi video doesnt, nó trông giống như một vấn đề đệm của nó như là khi tôi lơ lửng trên video (để hiển thị các điều khiển) video luôn luôn là 2 giây nhưng sau đó dừng lại và không tiếp tục.

Trang có thể ong nhìn thấy ở đây: http://www.tuscorlloyds.com (video là ở thanh trượt phía trên bên phải)

Lưu ý: Tôi chỉ truy cập trang web một lần nữa và autopplay dường như làm việc nhưng khi tôi cố gắng một lần nữa cùng một vấn đề đang xảy ra, là một này vấn đề đệm? Bất cứ điều gì tôi có thể làm để ngăn chặn điều này?

Nhiều Cảm ơn nick

Trả lời

9

Hãy thử autoplay="autoplay" thay vì giá trị "true". Đó là cách được tài liệu để bật tự động phát. Nghe có vẻ kỳ lạ, tôi biết.

+0

Nó chỉ hoạt động đôi khi ngay cả trong localhost ... –

+0

này sử dụng đoạn mã chéo của nó trình duyệt đa năng - Tôi đã thử nghiệm này làm việc perfecly https://stackoverflow.com/questions/25848236/html-video-autoplay-not-working-in-firefox/45869587#45869587a –

9

Trình duyệt trên thiết bị di động thường bỏ qua thuộc tính này để ngăn chặn việc sử dụng dữ liệu cho đến khi người dùng bắt đầu tải xuống một cách rõ ràng.

CẬP NHẬT: phiên bản trình duyệt di động mới hơn trên Android và iOS hỗ trợ chức năng tự động phát. Nhưng nó chỉ hoạt động nếu video sẽ tắt hoặc không có kênh âm thanh:

Một số thông tin bổ sung: https://webkit.org/blog/6784/new-video-policies-for-ios/

+1

Vậy làm cách nào để có thể tự động phát cho điện thoại di động? –

+0

Chỉ cần sử dụng nó như một thuộc tính đơn giản:

+0

Và chúng ta phải sử dụng thuộc tính bị tắt, đúng không? - nó hoạt động rất thường xuyên (ít nhất là cho các bài kiểm tra của tôi) tùy thuộc vào kiểu điện thoại/trình duyệt –

Các vấn đề liên quan