Nhúng một YouTube Video có thời gian bắt đầu và kết thúc

Bạn đã biết cách nhúng một YouTube video trong blog hoặc trang web của bạn. Đó là cách an toàn nhất để có nội dung của người khác trên trang web của bạn. Bất kỳ video công khai nào cũng có thể được nhúng trừ khi chủ sở hữu có nhúng bị vô hiệu hóa.

Vấn đề với việc nhúng là đôi khi bạn chỉ quan tâm đến một phần của YouTube video chứ không phải toàn bộ video. Bạn chỉ muốn khán giả trang web/blog của mình nhìn thấy một phần nhỏ YouTube băng hình.

Mã nhúng mặc định không cho phép bạn chọn phần nào của YouTube video để nhúng. Nó sẽ nhúng toàn bộ video vào trang web của bạn. Nếu bạn chỉ quan tâm đến 5 phút trong một video dài 40 phút, bạn sẽ phải nhúng toàn bộ video. Hầu hết khán giả trên trang web/blog sẽ không xem video.

Tuy nhiên, có một cách giải quyết giúp hoạt động kinh doanh tích hợp này trở nên thiết thực hơn. Sử dụng YouTube API Javascript, bạn chỉ có thể nhúng phần của YouTube video mà bạn muốn hiển thị cho khán giả trên blog/trang web của mình.

Mã dưới đây là từ YouTube API javascript và đó là mã nhúng bạn sẽ sử dụng nếu bạn chỉ muốn nhúng một phần của YouTube băng hình.

Điều đầu tiên bạn cần có được là mã video của video bạn muốn nhúng. Nhập nó vào phần ID video trong mã. Sau đó tìm hiểu thời gian bắt đầu và kết thúc của phần video muốn nhúng. Chuyển đổi thời gian đó thành giây và nhập nó vào mã. Đảm bảo ID video, thời gian bắt đầu và thời gian kết thúc nằm giữa hai dấu lời nói.

Đây là ví dụ về video tôi đã nhúng với thời gian bắt đầu và kết thúc. Bạn sẽ nhận thấy rằng khi bạn nhấn phát, video sẽ không bắt đầu lại từ đầu và cũng không phát đến cuối.

Sao chép và dán cái mới YouTube nhúng mã bên dưới để bạn có thể dễ dàng sao chép nó vào trang web của mình. Hãy nhớ thay thế ID video, thời gian bắt đầu và thời gian kết thúc trước khi bạn xuất bản mã nhúng.

chức năng trênYouTubeIframeAPIReady() {
var ctrlq = document.getElementById(“youtube-player”);
var player = new YT.Player(‘youtube-player’, {
chiều cao: ctrlq.dataset.height,
chiều rộng: ctrlq.dataset.width,
sự kiện: {
‘onReady’: hàm(e) {
e.target.cueVideoById({
id video: ctrlq.dataset.video,
giây bắt đầu: ctrlq.dataset.startseconds,
giây cuối cùng: ctrlq.dataset.endseconds
});
}
}
});
}