Bạn muốn nhúng các video Youtube vào trang web của bạn? Bạn chưa bao giờ làm việc này, hoặc có thể trong quá trình chép mã nhúng tời mã nguồn của bài viết đã xảy ra lỗi khiến bạn không thể nhúng được các video Youtube. Video này sẽ đưa đến cho bạn giải pháp để giải quyết các vấn đề mà bạn vướng mắc ở trên.
Chúng ta sẽ tiến hành 3 bước:
1. Bước 1: Copy mã nhúng (embed code)
- Bạn truy cập vào trang web: https://youtube.com.
- Chọn một video bạn muốn nhúng vào trang web của bạn.Choose a deo that you want embed to your website
- Copy mã nhúng của video này. Mã nhúng sẽ có dạng :
- <iframe width="560" height="315" src="//www.youtube.com/embed/Ot826RLASxo" frameborder="0" allowfullscreen></iframe>
2. Paste your embed code to new article and problem may be appeared.
- Trong trang quản trị Joomla, bạn chọn Content > Article Manager > Add New Article để thêm mới 1 bài viết.
- Trong trình soạn thảo bài viết (Editor), chọnTools > Nhấn Source Code > Paste mã nhúng (embed code)đến Source Code > OK.
- Nếu video hiện lên trong trình soạn thảo, bạn đã nhúng thành công video Youtube lên trang web của bạn.
- Nhưng nếu bạn không thấy video hiện lên. Và khi kiểm tra lại bằng cách: nhấn Tools > CHọn Souce Code, bạn thấy nội dung Source Code trống không hoặc không có bất kỳ thẻ <iframe/> nào. Tại sao lại vậy?
3. Nguyên nhân và cách khắc phục
a. Nguyên nhân
- Trong trình soạn thảo bài viết (Editor), bạn đang sử dụng plugin Editor-TinyMCE để soạn bài, và chính plugin Editor-TinyMCE được cài đặt tự động gỡ bỏ các thẻ <iframe/> (một mã nhúng - embed code được chứa trong thẻ <iframe/>,nên, khi thẻ <iframe/> bị gỡ bỏ thì mã nhúng cũng biến mất trong trình soạn thảo). Đó là lý do vi sao bạn không thể nhúng được video Youtube.
b. Giải pháp
Bạn cần tắt tính năng gỡ bỏ <iframe/> tự động trong trình soạn thảo bài viết.:
- Bạn chọn Extension > Nhấn Plugin Manager > Gõ "editor-tinymce" , sau đó nhấn Search để bắt đầu tìm kiếm Plugin Editor-TinyMCE > Nhấn đúp chuột vào Editor-TinyMCE. Tai mục Prohibited Elements ( các thành phần bị cấm) , xóa bỏ chữ "iframe" > Chọn Save để lưu lại.
- Bắt đầu thêm mới 1 bài viết (Add New Article) > chọn Tools > Source Code (mã nguồn) > Paste mã nhúng tớiSource Code.
Bạn thấy video hiện ra. Vậy là bạn đã nhúng thành công video Youtube trong website của bạn. Giờ bạn hoàn thiện nội dung bài viết có chứa video Youtube và đưa lên trang web của bạn.
