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
nó
`` `
** 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
** Bước 1: Thêm mã sau vào tiêu đề của trang web của bạn: **
`` `HTML
nó
`` `
** 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