Phát tự động không hoạt động mà không có thuộc tính bị tắt tiếng khi tôi cố mở url trong thiết bị di động. Cách phát video mà không sử dụng thuộc tính bị tắt tiếng? Tôi cần phải khối lượng mà không cần nhấp vào nút tắt tiếng và một điều quan trọng hơn là tất cả mọi thứ sẽ được làm việc mà không cần JS và Jquery. Tự động phát video html5 trong Thiết bị di động
Trả lời
Bạn hãy thử một liên kết này cũng họ có cung cấp thêm thông tin về Tại sao The Change ?:
đơn giản của nó xem mã:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Example movie autoplay</title>
<meta charset="UTF-8">
</head>
<body>
<video autoplay muted>
<source src="midia/video.mp4" type="video/mp4">
<source src="midia/video.webm" type="video/webm">
</video>
</body>
</html>
Bạn cần kiểm tra các trình duyệt và các định dạng được hỗ trợ.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#Browser_compatibility
https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
Bạn sẽ không thể đạt được điều này trong iOS mà không cần hack. Từ các tài liệu của Apple WebKit chính thức:
Bắt đầu từ iOS 10, WebKit thư giãn chính sách nội tuyến và autoplay của nó để làm cho các bài thuyết trình có thể, nhưng vẫn giữ trong băng thông và người sử dụng các trang web óc pin.
Theo mặc định, WebKit sẽ có các chính sách sau:
- yếu tố video sẽ được phép tự động phát mà không có một cử chỉ dùng nếu phương tiện nguồn của họ không chứa âm thanh.
- video bị tắt yếu tố cũng sẽ được phép tự động phát mà không có cử chỉ của người dùng. Nếu phần tử nhận được bản âm thanh hoặc bị tắt tiếng mà không có cử chỉ của người dùng, quá trình phát lại sẽ tạm dừng.
https://webkit.org/blog/6784/new-video-policies-for-ios/
Như for Mobile Chrome (Android):
autoplay yếu ớt cho video được hỗ trợ bởi Chrome dành cho Android như của phiên bản 53. Playback sẽ tự khởi động cho một video phần tử một lần là nó được đưa vào xem nếu cả tự động phát và tắt tiếng được đặt là và phát lại các video bị tắt tiếng có thể được bắt đầu bằng progamat ically với play(). Trước đây, phát lại trên thiết bị di động phải được bắt đầu bằng cử chỉ của người dùng, bất kể của trạng thái bị tắt tiếng.
Trên iPhone, 'autoplay muted' chỉ hoạt động cho tôi sau khi thêm thuộc tính' playsinline' – adamboro
Chỉ cần đính kèm defaultMuted
inline với video của bạn để cho phép âm thanh trên autoplay.Ví dụ,
<video id="myVideo" defaultMuted autoplay controls>
<source src="myVideo.mp4" type="video/mp4">
</video>
tham khảo: http://www.w3schools.com/tags/av_prop_defaultmuted.asp
tôi có thể không thực sự làm cho bất kỳ ý nghĩa của nó nhưng điều này được quản lý để làm việc trên iOS Safari và Firefox (chưa được thử nghiệm Android):
<video playsinline autoplay muted loop id="DemoReel2018">
<source src="resources/AgsVision_backgroundMovie.mp4" type="video/mp4">
</video>
... có điều là, nó chỉ có tác dụng sau khi tôi đặt chế độ xem:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Nếu bất cứ ai thực sự có thể giải thích tại sao điều đó xảy ra, tôi thực sự muốn biết. Nếu không ... hãy tiếp tục theo dõi để tìm hiểu thêm những điều kỳ lạ :))
- 1. Hành vi video HTML5 trên thiết bị di động
- 2. Tự động phát Youtube không hoạt động trên thiết bị di động có trình phát HTML5 được nhúng
- 3. không tự động phát trong trình phát HTML5 iframe trên thiết bị di động (Android Chrome và Firefox)?
- 4. Tự động phát video HTML5 trên iPhone
- 5. Trình phát video HTML5: tự động tải video
- 6. tính năng tự động phát mediaelement.js không hoạt động trên thiết bị di động
- 7. HTML5 tự động phát video không hoạt động chính xác
- 8. Ngăn video HTML5 tải xuống các tệp trên thiết bị di động - videojs
- 9. Mp4 video trong html5 thẻ video không chơi trong chrome di động và safari di động
- 10. Có thể tránh các trình phát video gốc trên thiết bị di động không?
- 11. Thiết bị di động được phát hiện là thiết bị không di động
- 12. Video "streaming" cho thiết bị di động với Amazon CloudFront
- 13. Phát triển di động HTML5 bằng HTML5BoilerPlate
- 14. phát hiện thiết bị trình duyệt di động trong .NET
- 15. Tự động phát hiện HTML5 trong vim
- 16. Làm cách nào để chỉ tìm thấy video có thể phát trên thiết bị di động?
- 17. Phát video HTML5 trong trình duyệt - Điều gì hoạt động với hầu hết các thiết bị Android?
- 18. Đường ray để phát hiện thiết bị di động?
- 19. tại sao thiết bị của Apple phát video html5 trong trình phát riêng của mình?
- 20. Google Map trong thiết bị di động
- 21. Nút phát hiển thị trên hình nền trên thiết bị di động
- 22. Làm cho video 360 độ trên YouTube hoạt động trên thiết bị di động
- 23. Trình phát video HTML5
- 24. Tự động phát video như facebook, Android
- 25. Phát hiện thiết bị bluetooth ẩn/không hiển thị trên thiết bị di động
- 26. Lượt xem cụ thể trên thiết bị di động/Phát hiện thiết bị
- 27. Phát hiện thiết bị di động - và thiết bị máy tính bảng
- 28. Phát video tự động trên ô Tableview trong iOS
- 29. Javascript profiling trên thiết bị di động
- 30. Visualisations HTML5 trong điện thoại di động
kiểm tra điều này cũng để tự động phát video: Liên kết: http://stackoverflow.com/questions/16965170/html5-video-autoplay-not-working-correctly – swap
Tôi kiểm tra liên kết đã cho nhưng nó chỉ hoạt động trên máy tính để bàn và khi tôi mở trên thiết bị di động thì video sẽ được thay thế bằng hình ảnh. Tôi cũng thử mã của bạn nhưng điều này không hoạt động –