[Tricks] Tùy chỉnh tốc độ phát của Video trên trang web bất kỳ

Chào các bạn, hôm nay mình xin phép chia sẻ tới các bạn một thủ thuật khá là thú vị đó là chỉnh tốc độ phát của Video theo nhu cầu và sở thích của bạn một các cực kỳ đơn giản.

Mình biết, có nhiều bạn ở đây muốn chỉnh được tốc độ phát của các Video trên Facebook, video trên các trabg web phim như phimmoi.net,..

Nhưng các bạn không biết làm sao để chỉnh được cả, vì người ta có làm nút chỉnh tốc độ phát cho chúng ta đâu, hoặc là khi xem video trên Youtube thì tốc độ phát tối đa cũng chỉ là 2x.

Vậy nếu như bạn muốn chỉnh lên 3x, 4x… thì phải làm sao ?

Vâng, để trả lời cho câu hỏi này thì trong bài viết ngày hôm nay mình sẽ chỉ cho các bạn cách tùy chỉnh tốc độ phát của tất cả các Video này, để chúng ta có thể coi nhanh được chúng khi chúng ta cần gấp.

Okay, giờ thì bắt đầu ngay thôi nào….

#1. Cách chỉnh tốc độ xem video với Video speed controller

Mặc dù Youtube có tùy chọn thiết lập tốc độ phát video, tuy nhiên mỗi lần thiết lập phải trải qua khá nhiều bước.

Vậy nên, nếu bạn muốn nhanh chóng hơn, đơn giản hơn thì bạn có thể sử dụng thêm tiện ích mở rộng có tên Video speed controller !

Thực hiện:

Bạn cài đặt tiện ích mở rộng này vào trình duyệt web (dành cho Google Chrome) tại đây !

Bạn có thể theo dõi về dự án của họ trên Github tại đây !

Tiện ích này hỗ trợ tất cả các trang web có video HTML5.

Sau khi cài đặt xong, bạn sẽ thấy ở góc bên trái phía trên của video có một thanh công cụ hiển thị tốc độ phát video hiện tại.

tang-giam-toc-do-xem-video-voi-Video-speed-controller-1

Bạn chỉ cần dê chuột vào thanh công cụ này để tăng tốc độ phát video, giảm tốc độ phát video, tua nhanh, tua chậm video…

Ngoài ra, bạn có thể sử dụng phím tắt để tăng/giảm tốc độ phát video. Cụ thể như sau:

  • S – Giảm tốc độ phát lại.
  • D – Tăng tốc độ phát lại.
  • R – Đặt lại tốc độ phát lại.
  • Z – Tua lại video 10 giây.
  • X – Trước video 10 giây.
  • V – Hiện/ẩn bộ điều khiển.

NOTE:
Đặc biệt là bạn có thể thêm phím tắt hoặc thay đổi giá trị tăng giảm (số giây) mà bạn muốn tua.

tang-giam-toc-do-xem-video-voi-Video-speed-controller

#2. Hướng dẫn tùy chỉnh tốc độ phát của Video bất kỳ

+ Bước 1: Bạn mở Video cần chỉnh tốc độ lên => sau đó chọn một vùng trống => và nhấn phải chuột chọn Kiểm tra.

Hoặc là bạn có thể sử dụng nhanh tổ hợp phím CTRL + SHIFT + I cũng được.

tuy-chinh-toc-do-phat-cua-video (1)

+ Bước 2: Khi màn hình tab Elements mở ra, các bạn nhấn chuột trái chọn vào biểu tượng có hình mũi tên như hình bên dưới.

tuy-chinh-toc-do-phat-cua-video (2)

+ Bước 3: Các bạn rê chuột vào phần Video => và nhấn chuột trái vào Video đó => lúc này nó sẽ hiện code tương ứng bên tab Elements, đây chính là dòng code mà chúng ta cần ^^

Đây là bước rất quan trọng của bài viết, bạn hãy đọc kỹ nhé !

+ Bước 4: Và đây là phần chứa dòng code tương ứng, các bạn hãy tìm đến đoạn code trong class như hình dưới và copy nó lại.

tuy-chinh-toc-do-phat-cua-video (4)

+ Bước 5: Tiếp theo, các bạn chuyển sang tab Console => Sau đó dán dòng code sau vào => và nhấn Enter.

(var vid = document.getElementsByClassName(“X”)[0];
vid.playbackRate= Y)

Trong đó:

  • X – là đoạn code trong class mà chúng ta đã copy ở Bước 4.
  • Y – là số tốc độ phát tùy ý mà chúng ta chọn (ví dụ: 2,3,4,..)

tuy-chinh-toc-do-phat-cua-video (5)

Vậy là thành công rồi đấy các bạn. Bây giờ các bạn hãy xem thử Video và cảm nhận.

Nếu như bạn nào muốn dễ hiểu hơn có thể tham khảo qua Video của mình bên dưới đây:

(Bài viết có sử dụng đoạn code của bạn có tên Đình Phúc. Lưu ý là nếu muốn chỉnh các Video khác như trên Facebook, web,.. thì các bạn cũng làm tương tự nhé.)

#3. Lời Kết

Ok, như vậy là mình đã hướng dẫn xong cho các bạn cách chỉnh được tốc độ phát của Video trên một trang web bất kỳ rồi nhé.

Theo mình thấy thì ngoài Youtube ra thì hiện nay có rất ít trang web hỗ trợ tính năng chọn tốc độ phát của video, chính vì thế mình nghĩ đây là một thủ thuật rất hay dành cho các bạn thích xem video hằng ngày đó ^^

Cảm ơn các bạn đã theo dõi bài viết. Chúc các bạn có những phút giây thật thoải mái khi theo dõi các bộ phim mà bạn thích nhé 😛

Gặp khó khăn gì thì cứ comment ở phía bên dưới, mình sẽ hỗ trợ cho các bạn trong khả năng hiểu biết của mình. Thân !

CTV: Phan Minh Sang – Blogchiasekienthuc.com
Edit by Kiên Nguyễn

Bài viết đạt: 4.2/5 sao - (Có 8 lượt đánh giá)
Note: Bài viết này hữu ích với bạn chứ? Đừng quên đánh giá bài viết, like và chia sẻ cho bạn bè và người thân của bạn nhé !

Administrator: Kiên Nguyễn

Có một câu nói của người Nhật mà mình rất thích đó là " Người khác làm được thì mình cũng làm được ". Chính vì thế mà hãy theo đuổi đam mê, thành công sẽ theo đuổi bạn ! Nếu như bạn đang gặp khó khăn và cần sự trợ giúp thì hãy comment phía bên dưới mỗi bài viết để nhận được sự hỗ trợ từ cộng đồng Blog Chia Sẻ Kiến Thức nhé.

4 comments

  1. Không được ad ơi!!!

  2. em ko áp dụng trên video của nimo.tv được ạ mong a có đọc được reply giúp em em cảm ơn nhiều

  3. không được ad ơi

  4. Hi ad, sau khi thử nó báo kết quả như này, mình xử lý nó như thế nào ạ?
    Cám ơn ad!
    VM1836:1 Uncaught SyntaxError: Invalid or unexpected token


Một vài lưu ý trước khi comment :

Thư điện tử của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Tất cả các comment của các bạn sẽ được giải đáp trong vòng 48h !
Không được sử dụng từ khóa trong ô 'Name', bạn hãy dùng tên thật hoặc Nickname của bạn !
Không dẫn link sang trang web/blog khác. Xem quy định comment tại đây. Thank All!

Leave a Reply

Your email address will not be published. Required fields are marked *

Shop