Mình cần hướng dẫn add video bỏ qua 5s vào web phim

baolanjamie

New member
Trang ### Cách thêm video vào bỏ qua 5s vào trang web phim

** Bước 1: Thêm mã sau vào tiêu đề của trang web của bạn: **

`` `HTML

`` `

** Bước 2: Thêm mã sau vào trình phát video của bạn `<Pones>` Element: **

`` `HTML
<video
kiểm soát
preload = "Auto"
Dữ liệu-Skip-5s
src = "https://example.com/video.mp4"
> </Video>
`` `

** Bước 3: (Tùy chọn) Thêm các CSS sau vào Bảng kiểu trang web của bạn: **

`` `CSS
.Videojs-skip-5s {
Vị trí: Tuyệt đối;
Top: 0;
Phải: 0;
Đệm: 5px;
Biên giới-Radius: 5px;
màu nền: #000;
Màu sắc: #FFF;
kích thước phông chữ: 14px;
Con trỏ: Con trỏ;
}
`` `

** Bước 4: (Tùy chọn) Thêm JavaScript sau vào tệp JavaScript của trang web của bạn: **

`` `JavaScript
const video = document.querySelector ('video');
const skipbutton = document.QuerySelector ('. VideoJS-skip-5S');

SKIPBUTTON.AddEnentListener ('Nhấp', () => {
Video.CurrentTime += 5;
});
`` `

** Bây giờ, khi người dùng xem video trên trang web của bạn, họ sẽ thấy một nút cho phép họ bỏ qua trước 5 giây. **

### hashtags

* #băng hình
* #Videojs
* #nhảy
* #5s
* #Trang web
=======================================
page ### How to Add Video to Skip 5s to the Movie Webpage

**Step 1: Add the following code to your website's header:**

```html
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/videojs-skip-5s.min.js"></script>
```

**Step 2: Add the following code to your video player's `<video>` element:**

```html
<video
controls
preload="auto"
data-skip-5s
src="https://example.com/video.mp4"
></video>
```

**Step 3: (Optional) Add the following CSS to your website's style sheet:**

```css
.videojs-skip-5s {
position: absolute;
top: 0;
right: 0;
padding: 5px;
border-radius: 5px;
background-color: #000;
color: #FFF;
font-size: 14px;
cursor: pointer;
}
```

**Step 4: (Optional) Add the following JavaScript to your website's JavaScript file:**

```javascript
const video = document.querySelector('video');
const skipButton = document.querySelector('.videojs-skip-5s');

skipButton.addEventListener('click', () => {
video.currentTime += 5;
});
```

**Now, when users watch a video on your website, they will see a button that allows them to skip ahead 5 seconds.**

### Hashtags

* #Video
* #Videojs
* #Skip
* #5s
* #WebPage
 
Join ToolsKiemTrieuDoGroup
Back
Top
AdBlock Detected

We get it, advertisements are annoying!

Sure, ad-blocking software does a great job at blocking ads, but it also blocks useful features of our website. For the best site experience please disable your AdBlocker.

I've Disabled AdBlock