Chào các bạn, hôm trước mình có bài hướng dẫn nhúng video Facebook vào website, tuy nhiên vẫn chưa thỏa mãn được yêu cầu của một số bạn. Tính năng responsive đúng là rất quan trọng, do vậy hôm nay mình xin hướng dẫn cách nhúng video Facebook responsive vào website một cách dễ dàng nhất.
Xem code nhúng video Facebook vào web
 |
| Nhúng video Facebook responsive vào website |
.video-container { position: relative;} .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }Sau đó cứ mỗi lần bạn nhúng video Facebook vào website thì bạn sử dụng đoạn code này
<div class="video-container">Nó sẽ có dạng như thế này
Chèn code nhúng video vào đây
</div>
<div class="video-container">Như vậy là xong. Bạn có thể test thử. Còn dưới đây là ví dụ của mình
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/945992622124637/" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/945992622124637/"><a href="https://www.facebook.com/facebook/videos/945992622124637/">How to Share With Just Friends</a><p>How to share with just friends.</p>Posted by <a href="https://www.facebook.com/facebook">Facebook</a> on 5 Tháng 12 2014</blockquote></div></div>
</div>
How to Share With Just Friends
How to share with just friends.
Posted by Facebook on 5 Tháng 12 2014
6 bình luận
để width="100%" nó cũng tự co giản theo nhiều chế độ mà -_-
cũng có thể :v mình chưa thử. Tuy nhiên ưu điểm của cách làm trên đó là có thể responsive tất cả các loại video khác, youtube hay vimeo đều ok cả.
Làm bài video responesive youtube đi bạn
cách làm tương tự nhé bạn, chỉ cần thay đoạn code màu đỏ bằng mã nhúng của video youtube là được
còn cách nhúng bài viết responsive vào wen như thê 1na2o bạn?
cái đấy thì bác nên chọn temp nào tích hợp sẵn responsive cho tiện nhé, chứ đi sửa code từng phần thì mệt lắm
EmoticonEmoticon