Responsive cho bbcode youtube

[Gia Khang]

Như các bạn đã biết hiện nay người dùng sử dụng rất nhiều thiết bị để truy cập web, và mỗi thiết bị có độ phân giải khác nhau và để thân thiện với người dùng cũng như google thì web của các bạn phải có một syte riêng cho mobile hoặc dùng chung style responsive, việc responsive cho video cũng không ngoại lệ.

Nói thì dông dài thế nhưng làm thì rất là đơn giản. Các bạn tiến hành như sau:
Mở BBcode youtube ra và tìm width=" và thay bằng width="100% là đc.

Ngoài ra các bạn có thể dùng css để làm.

Áp dụng tương tự cho các bbcode media khác

Done ! ^_^

 

[kimchihanquoc]

thay with chỗ nào vậy bác?
theo cái bài này. http://vnxf.vn/threads/ma-nhung-video-hd-tu-youtube.98.html

 

[Gia Khang]

thay with chỗ nào vậy bác?
theo cái bài này. http://vnxf.vn/threads/ma-nhung-video-hd-tu-youtube.98.html

Thay như thế này nhé

<iframe width="100%" height="300" src="http://www.youtube.com/embed/{$id}?vq=hd720&amp;iv_load_policy=3&amp;rel=0&amp;showinfo=0&amp;theme=light&amp;color=white&amp;autohide=0" frameborder="0" allowfullscreen></iframe>

 

[kimchihanquoc]

ok, rõ ràng vậy thì mới làm được.
thanks

 

[Jindo_Katori]

Đã test thử nhưng kết quả chỉ res được chiều ngang
Thử thêm biến 100% cho chiều dọc thì càng bé hơn?
Ây da?

 

[nttruong]

Em cho thêm min-height là ok mà!

 

[Jindo_Katori]

Em cho thêm min-height là ok mà!

Đã sử dụng bản này của xếp: http://vnxf.vn/threads/responsive-width-height-media-embeds.130.html
Có vẽ dễ hơn
Nhưng chưa hiểu cái max-height của xếp @Gia Khang có phải thay cho biến cuối cùng không?

 

[Gia Khang]

cái max-height là thêm chứ ko phải thay nhé ^_^

 

[Jindo_Katori]

cái max-height là thêm chứ ko phải thay nhé ^_^

Ex...
Thẩn nào lụi quài huk trúng.
Vậy theo topic 130 thì thêm vào dòng nào hả xếp @Gia Khang