Mẹo get link video Google Drive để chèn lên web phim, blog cá nhân

7
16689

Google Drive là 1 nơi lưu trữ dữ liệu của rất nhiều bạn, trong đó có mình. Từ hồi có ý tưởng làm web phim mình đã từng thử up vài bộ lên Google để test và thử nghiệm nhưng khổ cái lúc đó mình chỉ biết dùng Iframe để Embed vào nên nó bê nguyên cái UI xấu quắc bên Google qua.

Sau đó mình có thử tìm trên khoai.tv hay phimmoi thì thấy request từ link dạng:

googleapis.com

Sau này mộng làm web phim vỡ do dính bản quyền và không cạnh tranh được với nhiều site khác. Nhưng bị cái mình hay muốn up 1 số video, 1 số bộ phim lẻ lên website Share Ngay. Lý do không up lên Youtube được vì:

  • Nội dung vi phạm bản quyền (phim ảnh),…
  • Video quay tutorial mình hay mở nhạc, mình thích bài X, bài Y mà kiểu up lên Youtube bị mất tiếng nên mình up lên server luôn. Điều này khiến source Share Ngay càng ngày càng nặng.

Thì đó là lý do bài viết này ra đời. Mình sẽ demo cho ae 1 đoạn phim nhỏ mình vừa xem, khá hay ho. Nếu được ae xem trên website Share Ngay luôn nhé.

Cách mình hướng dẫn rất đơn giản nhưng có giới hạn:

  • Video hình như sẽ bị limit nếu phát nhiều quá.
  • Không play được định dạng .avi thì phải. Mình mới test thử .mp4.mkv thấy rất OK.

Thì có cách fix 2 cái giới hạn bên trên. Nhưng trong khuôn khổ bài viết này mình không tiện chia sẻ. Hẹn ae ở 1 bài viết khác.

1. Lấy API KEY từ App được tạo bởi Google Developer:

Các bạn vào tạo 1 APP trong API của Google Drive qua link sau:

Sẽ cấp 1 API KEY cho các bạn để lấy đó play video.

Ở đây mình có tạo sẵn API KEY để ae tiện test:

  • AIzaSyBGW-eFpHa2yL4zKmhp0P5ifB6_XaIFuA0

2. Cấu trúc link và tích hợp video Google Drive bất kỳ vào:

Cấu trúc link sẽ là thế này:

https://www.googleapis.com/drive/v3/files/{id}?alt=media&key=AIzaSyBGW-eFpHa2yL4zKmhp0P5ifB6_XaIFuA0

Với {id}ID của video trên Google Drive của bạn. Lấy video sau làm ví dụ:

  • https://drive.google.com/open?id=1CUNKpE4qTlOtpQNgnShe9VEKlBZMWsJ_

Phần mình bôi đậm là ID của video trên Google Drive đấy! Video trên nặng 16Gb với chất lượng cực cao.

Chào các thanh niên, nhìn mặt tui có quen hong?

Giờ các bạn chèn đoạn mã trên vào thẻ video mặc định của HTML xem thử kết quả như thế nào nhé!

<video autoplay="autoplay" controls="controls" width="300" height="150"> 
    <source src="https://www.googleapis.com/drive/v3/files/1CUNKpE4qTlOtpQNgnShe9VEKlBZMWsJ_?alt=media&amp;key=AIzaSyBGW-eFpHa2yL4zKmhp0P5ifB6_XaIFuA0" type="video/mp4" />
</video>

Kết quả sẽ như thế này:

Ok. Khá là ngon rồi đấy.

3. Chèn trình phát JWPlayer + chèn sub rời + nhận FULL source demo:

Nếu các bạn cần mình sẽ chia sẻ, bộ source này của Quý và Hỵp làm ra khi tạo trang phim. Mình sẽ chia sẻ lại cho ae nào cần để ngâm cứu. Các tính năng gồm:

  • Cho phép embed sub rời vào video.
  • Cho phép thêm logo custom vào trình phát video để cá nhân hóa.

Hi vọng bài viết này hữu ích với mọi người. Để nhận được bộ code ae cần:

  • Đọc trên 2 phút 30 giây cho 3 bài viết và like + rate cuối 3 bài bất kỳ trên Share Ngay.
  • Comment lại link 3 bài viết đã đọc 2p30s + like + rate dưới bài viết này.

Mình sẽ gửi source qua email cho ae. Chúc các bạn ngày cuối tuần vui vẻ!

Bài trướcBình chọn màu đẹp nhất trên các phiên bản Winner X
Bài tiếp theoTại sao không nhiều người quan tâm đến vấn đề ô nhiễm môi trường?
Tui là 1 con người cả ngố đó mấy bạn, thật may tui được thằng Tín tà tưa (bạn cùng phòng) nhờ làm cái web mà nó không viết gì, tui cũng không biết viết nhưng mà bỏ phí domain tốn xiền. Share Ngay ra đời lãng xẹt dậy đó. Blog này tui viết hồi cuối tháng 3/2018, có thể thấy độ trẻ trâu qua từng năm của tui không hề giảm. Nói thiệt nha, tui quý mấy bạn đọc cái blog này dù cho nó có mang lại giá trị cho mấy bạn không, nhưng mà tui thực sự cảm ơn mấy bạn. Hông giống Youtube, đăng lên phát là có vài chục ngàn view, tui đăng lên 1 phát có chục view là: "Ơ, dm, sao bữa này nhiều ng đọc dị. Tui dzui. Mấy bạn còmment, tui đọc. Tui dzui. Đơn giản dậy thôi". Tui quỡn lắm, lâu lâu đọc lại những gì mình viết rồi thấy trẻ trâu mà không dám sửa. Thôi cứ để nó là 1 kỷ niệm. Ờ, nói nhiều là dậy, vì tui muốn mấy bạn thoải mái nhất khi đọc những dòng này nên viết có hơi dài dòng. Đoạn giới thiệu dễ thương này dành tặng tất cả những ai yêu mến Share Ngay. Sharahero!!!

7
Bình Luận Bài Viết

avatar
5 Comment threads
2 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
7 Comment authors
Thuận NguyễnkhangTuânLinh iTRmah Vũ Recent comment authors

Thuận Nguyễn | <span class="wpdiscuz-comment-count">4 comments</span>
Khách
Thuận Nguyễn | 4 comments
Off

Cho mình xin source với ạ. Chúc admin một ngày tốt lành.

khang | <span class="wpdiscuz-comment-count">9 comments</span>
Khách
khang | 9 comments
Off

mình có thể xin source code được không

Tuân | <span class="wpdiscuz-comment-count">8 comments</span>
Khách
Tuân | 8 comments
Off

Ad duyệt cmt đi ạ :3

Linh iT | <span class="wpdiscuz-comment-count">32 comments</span>
Khách
Linh iT | 32 comments
Off

cmt cho vui nào. Ahihi