Cách thiết lập video dưới dạng hình nền 'hình ảnh'

Tôi cần thiết lập trang web có video làm nền.Cách thiết lập video dưới dạng hình nền 'hình ảnh'

Tôi có thể sử dụng z-index để định vị các phần tử khác ở đầu video không? Có một lựa chọn tốt hơn?

2011-02-10 Toni Michel Caubet

Các đáng ngại "họ" ... – xelco52

là nó không chính xác? Tôi là người Tây Ban Nha .. Tôi đã được hỏi? : P –

"Chúng" hiếm khi được sử dụng trừ khi rõ ràng "chúng" là ai. Nếu bạn nói, "Tôi chỉ nói chuyện với những người phụ trách, và họ hỏi tôi ..." thì điều đó đúng là chính xác, vì được hiểu rằng "họ" là ai - "những người phụ trách." Nó không làm cho nó có vẻ như là bạn đang xấu tiếng Anh, nhưng nó là một chút ra khỏi bình thường ... một giải thích của không xác định những người "họ" có thể là bạn có rất nhiều khinh cho "họ" rằng bạn thậm chí không muốn xác định "họ" là ai. – TimFoolery

hãy xem http://pupunzi.com/#mb.components/mb.YTPlayer/YTPlayer.html

Nếu bạn không muốn sử dụng YouTube, hãy xem mã nguồn và tôi chắc chắn bạn có thể áp dụng cùng một hiệu ứng cho video flash mới.

Nguồn

2011-03-06 21:35:06 Shaz

Thats gần như muốn tôi cần :) –

Xem thêm Plugin jQuery từ câu hỏi được liên kết: http://georgepaterson.github.io/jquery-videobackground/ –

Bạn không thể áp dụng nó làm nền CSS (thuộc tính nền). Bạn có thể tạo hiệu ứng mặc dù sử dụng các lớp được điều khiển thông qua thuộc tính z-index.

Nguồn

2011-02-10 15:12:45 atrljoe

Nếu bạn đang sử dụng đèn flash làm phương pháp phát video không - flash luôn ở trên mọi thứ bất kể chỉ mục z, Nhưng tôi tưởng tượng điều này có thể được thực hiện bằng cách sử dụng thẻ HTML5 <video> mới.

không chuyển đổi đến một tỷ lệ khung hình cao hình ảnh hoạt hình và thiết lập như BG ...

Nguồn

2011-02-10 15:13:26

-1 "flash là LUÔN LUÔN trên đầu trang của bất cứ điều gì" - sai. Nếu bạn sử dụng wmode = transparent, bạn có thể định vị flash của mình trên bất kỳ chỉ mục z nào và cho phép hiển thị bên trên hoặc bên dưới vùng chứa flash. – Damp

Ah cảm ơn vì điều này, tôi đã không biết, tôi đã luôn luôn nói với đèn flash sẽ bỏ qua z-index. –

Damp, là nó posible rằng wmode = minh bạch tải một CPU rất nhiều? –

tôi đã không kiểm tra nó, nhưng bạn có thể cố gắng thiết lập chiều rộng/chiều cao của <video> để 100% sau đó sử dụng z-index cho tất cả các yếu tố khác ở lại trên đầu trang của nó ...

Edit: ví dụ để đặt video làm nền toàn bộ trang

<body style="height: 100%;width: 100%"> 
<div style="position: fixed; top: 0; width: 100%; height: 100%; z-index: -1;"> 
<video src="" width="100%" height="100%" autoplay> 
Your browser does not support the video tag. 
</video> 
</div> 
... rest of your site

Nguồn

2011-02-10 15:28:50 Marcx

http://w3schools.com/html5/html5_video.asp btw cho nghĩa là không được hỗ trợ, nhưng bạn có thể sử dụng ogg cho firefox và opera, MPEG4 cho safari, chrome chấp nhận cả hai – Marcx

Nếu bạn không bất lợi cho việc sử dụng một plugin jQuery: videoBG

Nguồn

2015-02-15 11:08:26

Cách thiết lập video dưới dạng hình nền 'hình ảnh'

Trả lời

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