/ / Tổng hợp / Comments (5)

Các cách chèn video youtube vào bài viết

Có nhiều bạn hỏi mình cách chèn video youtube vào bài viết hay cách chạy 1 video lấy link từ youtube bằng các thẻ html,thực ra để làm được việc này có rất nhiều cách và nó thực sự rất đơn giản đối với những bạn đã biết một chút về code, thế nhưng đối với những khách hàng quản trị web của họ thì đó cũng là 1 vấn đề.Trong bài viết hôm nay mình sẽ hướng dẫn cho các bạn các cách đơn giản nhất để chạy video link youtube.

Chèn video vào bài viết sử dụng mã nhúng iframe

– Khi bạn viết bài muốn chèn 1 video youtube nào đó vào trong bài viết của mình,cách đơn giản nhất đó là chúng ta vào video cần chèn sau đó kéo xuống dưới tìm tới phần Chia sẻ lựa chọn mã Nhúng sau đó copy thẻ inframe bên dưới

Lấy mã nhúng video youtube chèn vào bài viết

Lấy mã nhúng video youtube chèn vào bài viết

Ví dụ:

<iframe src=”https://www.youtube.com/embed/VrCnP27ur6c” width=”560″ height=”315″ frameborder=”0″ allowfullscreen=”allowfullscreen”></iframe>

– Trong đó thì width="560"height="315" là chiều rộng vào chiều cao tương ứng của video,bạn có thể chỉnh sửa cho phù hợp.Các bạn chú ý tới phần VrCnP27ur6c đây chính ID của video đó trên youtube,khi nhìn vào link youtube thì ID này nằm sau …watch?v=
ví dụ : https://www.youtube.com/watch?v=VrCnP27ur6c thì ID là VrCnP27ur6c
– Sau khi đã có mã nhúng các bạn vào editor viết bài,thường các editor hỗ trợ viết bài đều có phần viết mã html,ví dụ như trong Ckeditor

Chèn mã nhúng video vào editor

Chèn mã nhúng video vào editor

Lúc này các bạn kích vào nút Mã Html và paste mã nhúng đó vào vị trí muốn hiển thị video
– Còn nếu bạn sử dụng WordPress thì sẽ thấy trong trình soạn thảo có tab Text cho phép chúng ta viết mã html và paste mã nhúng đó vào vị trí muốn hiển thị video

Chèn video vào bài viết trong wordpress

Chèn video vào bài viết trong wordpress

Kết quả:

Chạy video youtube với thẻ object

Mã html:

<object data=”https://www.youtube.com/embed/VrCnP27ur6c” width=”420″ height=”315″></object>

Kết quả:

Chạy video youtube với thẻ embed

Mã html:

<embed src=”https://www.youtube.com/embed/VrCnP27ur6c” width=”420″ height=”315″></embed>

Kết quả:



18/09/2015
Tags:
Written by nobitacnt

Trong bài viết không tránh khỏi những câu từ chưa chính xác,mong nhận được sự góp ý để website hoàn thiện hơn.Nếu thấy bài viết có ích với bạn hãy like và share để ủng hộ nhé :D.

Bài viết chùng chuyên mục

5 Comments

  1. phims says:
     /  Reply

    có hướng dẫn nào get link youtube bằng curl không bác 🙂

    • Hoàng văn Tuyền says:
       /  Reply

      Tùy từng trang mà bác muốn get link chứ, mỗi trang nó có cấu trúc html khác nhau lên bóc tách dữ liệu khác nhau.

  2. TRaloi says:
     /  Reply

    sao zo kenh cua toi ma khi cop ma nhung no k luu lai dc

  3. Hung Pham says:
     /  Reply

    Thanks bạn, đúng cái cần tìm

Gửi bình luận

Giới thiệu

Mình tạo ra blog này với mong muốn chia sẻ và học hỏi kinh nghiệm trong quá trình thiết kế website. Website đang trong quá trình phát triển chân thành cảm ơn mọi sự góp ý của các bạn để làm cho website ngày càng hoàn thiên.

DMCA.com Protection Status
Theo dõi qua Email

Tổng hợp các bài viết về

Hoc php - CodeIgniter Framework - Laravel Framework - PHP va MYSQL