Home / Lập trình / [Update v3.0] Share Plugin Kai0205 Player – Phát video từ Drive và Photos cho WordPress

[Update v3.0] Share Plugin Kai0205 Player – Phát video từ Drive và Photos cho WordPress

Update v3.0 (16/11/2017): Có cái đéo gì hot trong bản này?

1. Từ bản 2.5 các bạn cần làm thêm 1 bước kéo xuống phần hướng dẫn đọc bước 2.

2. Server trung gian “2” ngày trước là videoapi.io nhưng trang này đã đóng cửa nên mình thay thế server 2 này thành server Player.Trunguit.Net (Nếu dùng bản free của Player.Trunguit.Net thì các bạn xóa key trong khung key đi nhé).

3. Mình hỗ trợ qua group này nhé các bạn hãy tham gia: https://www.facebook.com/groups/kai0205 không hỗ trợ qua fanpage nữa.

 

Trước tiên tôi xin nói, plugin này không phải tôi tự viết ra mà tôi edit lại từ một plugin có sẵn, plugin gốc của nó tên là “Video.js – HTML5 Video Player for WordPress” và tôi không phải là một coder chuyên nghiệp nên plugin này không có chức năng gì đặc biệt và cũng không được tối ưu chỉ có get link và play thôi.

Plugin rất thích hợp cho những bạn làm site tin tức hoặc video và post một lần ít video.

Mình chưa tích hợp cache tuy nhiên plugin này sau khi get link nó sẽ show ra nguồn trang luôn nên các bạn có thể dùng kèm với plugin cache của WP là được (WP Super Cache, W3 Total Cache, WP Rocket…).

 

Download 1 trong các server sau:

Dropbox: https://www.dropbox.com/s/86s25809xrwlfe1/kai0205-player-v3.0.zip?dl=1

G.Drive: https://drive.google.com/file/d/1v761vBvyo06tS3inEEg11RezZztOsxeS/view?usp=sharing

 

Ủng hộ và hỗ trợ:

Nếu các bạn có lòng muốn ủng hộ mình nhé Paypal https://www.paypal.me/kai0205.
Group hỗ trợ: https://www.facebook.com/groups/kai0205

 

500 Demo: https://ltpvn.net/demo-plugin

 

Hướng dẫn sử dụng:

Bước 1 – Upload plugin có 2 cách:

Cách 1: Vào trang quản trị wp-admin menu bên trái chọn Plugins / Add New / Upload plugin rồi duyệt đến tập tin kai0205-player.zip mà các bạn đã tải về máy rồi chọn Install Now.

Cách 2: Đăng nhập hosting rồi vào thư mục wp-content / plugins , upload file kai0205-player.zip vào trong thư mục này rồi giải nén. Vào trang quản trị wp-admin / Plugins / Installed Plugins , bạn sẽ thấy plugin tên Kai0205 Player for WordPress chọn Activate để kích hoạt.

 

Bước 2 – Thêm đoạn css để giúp responsive player:

Lưu ý: Từ bản 2.5 trở về sau các bạn cần làm thêm bước này.

Vào thư mục theme các bạn đang dùng mở file header.php tìm </head> thêm vào bên trên đoạn code sau:

 

Code css

Code css

 

Bước 3 – Cách post video:

Ở khung post bài viết các bạn chọn kiểu soạn thảo là Visual, các bạn sẽ thấy xuất hiện biểu tượng play trên khung post (xem ảnh dưới).

 

Click vào biểu tượng play đó sẽ hiện ra khung popup cho các bạn chèn link video:

 

 

MP4 URL: Khung này để post link dạng .mp4 dành cho những bạn nào lưu video trên server riêng hoặc upload lên trang nào có link .mp4 cố định.

Google URL: Khung này để post link drive.google.com và photos.google.com.

YouTube URL: Khung này để post link youtube.com.

Other URL: Khung này để post các server khác mà 2 site trung gian có hỗ trợ.

Poster Image: Khung này để post link ảnh poster hiển thị trên khung player.

Subtitle Url: Khung này để post link file phụ đề rời .srt hoặc .vtt

ID: Đây là tên ID trong thẻ <div> cái này không quan trọng các bạn không cần điền cũng được.

Lưu ý: Các bạn chỉ có thể post link 1 trong 4 khung MP4 URL, Google URL, YouTube URL, và Other URL.

Chèn link vào xong ấn Insert Video nội dung trong khung bài viết sẽ hiển thị dạng tương tự như sau: