Làm landing page thì trang càng nhanh càng tốt, đừng có bày vẽ màu mè. Nếu muốn user xem video thì cứ embed video YouTube, ai muốn xem thì lúc đó mới ấn xem, mới bắt đầu tải về.
Bạn xem có template nào cho video vào background không :))
Tìm nơi up media lấy URL
10 Likes
Lấy video 50mb làm background, load khi nào mới xong? Thay vào đó, tại sao lại không dùng ảnh động(gif), svg animation hoặc là css animation? 
6 Likes
Cho anh hỏi là cái video đó có phải là dạng lặp đi lặp lại nhiều lần không?
1 Like
@HR16 video intro khoảng 5 phút thôi anh, có lặp lại. dẫn URL video qua làm background á anh, nó kiểu như streamvideo như như xem phim, xem live tream bình thường á nên web không bị lag, nó nằm ngoài project, không nằm trong hosting luôn ( em thử video cả GB cũng không sao ) Ban đầu e up lên firebase storage, S3 storage của amazon nhưng rất nhanh hết băng thông giới hạn, up lên vimeo dẫn link qua thì vài ngày bị ban acc. còn up lên youtube lấy URL thì không tùy biến được cái iframe của nó, nhúng video youtube rất xấu @@
Hmmm… Như mọi người đã nói, chẳng có ai lấy video làm background cả. Nhưng ảnh động(gif) thì có, có lẽ đây là cách tốt nhất rồi, mà khổ nỗi là file gif có dung lượng khá nặng 
. Thế em có muốn chuyển cái video kia thành gif rồi lấy file gif đó làm background không? Vì file gif có dung lượng khá nặng nên không thể thẳng tay chuyển cái video kia thành gif được mà phải qua một vài bước nữa, nếu em chấp nhận thì anh sẽ chỉ 
1 Like
@HR16 rồi file gif này mình lưu ở đâu vậy anh ? lưu thẳng trong project dạng ./images/background.gif hay lưu nơi khác dẫn URL qua dạng https://abc.com/background.gif ?
Cách nào cũng được, có một vài chỗ cho phép đăng gif lên như tenor hay imgur chẳng hạn.
6 Likes
vậy chỉ em cách chuyển video thành gif với anh ơi. thanks ạ
Đừng tin mọi người nói. Họ chưa thấy hết đâu
Ví dụ trang chủ https://www.landrover-vn.com/ lấy video làm background
và đây là cách họ làm:
Bạn thấy đấy: upload lên youtube, nhúng bằng iframe.
Video background từng trở thành trend vào năm 2k19.
P/S: 1 tip nhỏ, trường hợp bạn tự host 1 video, hãy load 1 bức ảnh trước (có thể là thumbnail hoặc frame đầu tiên của video), sau khi video load buffer đủ để play, thì ẩn ảnh đó đi và play video).
Video sẽ load buffer một số frames chứ không phải load 1 lần 50M nên bạn đừng lo.
9 Likes
Mấy cái này thì mình không biết, cảm ơn bạn nha! Định hướng dẫn convert video sang gif mà thấy cái này hay hơn 
.
1 Like
Mà khoan… Vấn đề là @MyDuyen1 có bảo:
Nghĩa là bạn này không thích iframe của youtube và không có khả năng lưu video trên chính server của mình rồi, trường hợp này thì có lẽ là up lên chỗ như Hydrax, StreamVN,…
5 Likes
Túm lại vấn đề là cái video nặng quá, truy cập website một số lần thì bị hosting chứa video chặn lại không cho tải nữa vì vượt giới hạn băng thông.
Do đây là bài tập cá nhân nên cách giải quyết đơn giản nhất là đổi video thành image.
Nếu việc dùng video làm background do bạn tự đề xướng thì bạn tự đổi lại thành image, quá dễ.
Nếu đề bài giáo viên yêu cầu dùng video thì thương lượng đổi sang dùng image,
nếu thương lượng không thành thì xin cắt ngắn video lại còn khoảng 10s.
Trong thực tế, khi sử dụng video làm background người ta cần phải có VPS/hosting không giới hạn băng thông, hoặc thuê dịch vụ lưu trữ ngoài.
Mình đang học không có tiền thì liệu cơm gắp mắm thôi.
8 Likes
Chỉ muốn show một ví dụ để xem có học hỏi được gì từ trang đó không thôi.
Còn cách load video mình cũng bổ sung rồi. Các bạn có thể tham khảo hoặc đưa ra giải pháp tốt hơn để cùng học hỏi.
6 Likes
cảm ơn anh nha. để e nghiên cứu lại cách custom Iframe youtube 
Thôi anh đưa luôn tài liệu cho đọc đây :
5 Likes
Trước đó nữa cơ, tầm 2014, 2015 thì chết - vì không thể autoplay trên mobile, bắt đầu là iOS, sau Android cũng chặn luôn.
Xử lý vấn đề autoplay rất đau đầu, web thì phải responsive, hiển thị tốt mobile, làm video background lại không chạy được. 
Có vài giải pháp chống cháy nhưng vẫn không hiệu quả.
- Ảnh gif: Mobile màn hình nhỏ, làm cái ảnh gif nhỏ - nhưng không - còn tablet nữa, ngay cả mobile cũng có mấy con màn hình 2K, thậm chí 4K. Convert từ cùng nguồn thì gif nặng gấp 2~3 lần mp4. Ngoài ra, do chỉ hỗ trợ 256 màu nên chất lượng ảnh gif luôn kém hơn.
- Render từng frame: Dùng canvas hoặc blob chỉ tạm ổn, chất lượng giảm rõ rệt. Để chất lượng cao, 30fps thì ngốn ram và cpu còn hơn video.
Sau này iOS cho phép video không tiếng (muted + playsinline) mới được phép autoplay. Rồi cũng từ đó Youtube tách riêng phần video và audio đến bây giờ.
Nói đến Youtube thì cũng liên quan nhiều đến video background đấy, vì hầu hết đều dùng nó cả.
Không phải video nào cũng load buffer dễ dàng vậy đâu, phải stream từng buffer ngắn thì nó mới start nhanh được. Chẳng ai làm con server xử lý stream chỉ vì cái background, và Youtube là cục vàng mà mọi video background đào bới.
Tuy vậy người ta luôn tìm cách ẩn logo Youtube. Trước đây có một parameter về brand gì đấy, sau này bị Youtube loại bỏ, nên luôn sẽ có ít nhất một logo nhỏ ở góc trái, tự ẩn sau vài giây, trừ khi bạn rê chuột lên video.
Cái mà bạn tưởng là chức năng chờ video load buffer thực ra là một trick - thời gian chờ logo của Youtube tự ẩn đi, và luôn sẽ có một overlay che lên trên iframe để tránh mouse event kích hoạt cái logo đấy. 
Nhìn chung thì hiện tại video backround xem như chết rồi, nhưng để làm bài tập lớp, hoặc thêm màu mè cho mấy trang ít nội dung cũng chấp nhận được.
10 Likes
Phân tích rất kĩ càng thế này thì mình thấy cái bình luận này xứng đáng được tích Solution hơn đấy 
Mình thấy heroku cho băng thông 10TB/tháng/1 app không biết có up video lên đó lấy direct URL được không nữa. Có ai thử chưa ạ ?
Bạn vui lòng đọc 2 bài viết dưới đây của heroku để có thêm thông tin chi tiết:
https://help.heroku.com/K1PPS2WM/why-are-my-file-uploads-missing-deleted
Chính Heroku cũng bảo nền tảng của họ không thích hợp cho việc lưu trữ file, người ta cũng thường upload code và vài thứ linh tinh dung lượng nhỏ lên đó thôi, chứ không có lưu trữ mấy thứ như video chẳng hạn. Còn nếu ý bạn ở đây là up link video youtube lấy direct url thì rất tiếc, đã có một đống trang làm cái này rồi .
5 Likes
83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?
