2017-02-10 36 views
8

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. enter image description hereTự động phát video html5 trong Thiết bị di động

+0

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

+0

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 –

Trả lời

0

đơ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

17

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.

https://developers.google.com/web/updates/2016/07/autoplay

+1

Trên iPhone, 'autoplay muted' chỉ hoạt động cho tôi sau khi thêm thuộc tính' playsinline' – adamboro

0

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ạ :))

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