必须要在html中给定默认src吗
时间: 2023-11-18 11:06:32 浏览: 31
Video.js 不要求必须在 HTML 中给定默认的 src。你可以在初始化播放器时不指定默认的视频源(src),然后在 JavaScript 中动态设置视频源。
以下是一个示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<link href="https://vjs.zencdn.net/7.15.4/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.15.4/video.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto"></video>
<script>
var player = videojs('my-video');
// 动态设置视频源
function setVideoSource(src) {
player.src({ src: src, type: 'video/mp4' });
player.load();
player.play();
}
// 示例调用
setVideoSource('path/to/video.mp4');
</script>
</body>
</html>
```
在上面的示例中,我们在 `<body>` 部分创建了一个空的 `<video>` 元素,没有指定默认的视频源(src)。然后,在 JavaScript 部分,我们使用 `videojs` 方法初始化播放器,并将其赋值给变量 `player`。接着,我们定义了一个名为 `setVideoSource` 的函数,该函数接受一个视频源的路径作为参数。在函数内部,我们使用 `player.src()` 方法将视频源设置为给定的路径,并使用 `player.load()` 方法重新加载视频,最后使用 `player.play()` 方法开始播放视频。
这样,你就可以在需要的时候调用 `setVideoSource` 函数,并传入不同的视频源路径来动态设置视频源。
需要注意的是,如果没有默认的视频源,播放器会显示一个空的播放器界面,直到你通过 `setVideoSource` 函数设置了视频源。
在实际使用中,你可以根据自己的需求和场景来决定是否要设置默认的视频源。如果你希望在页面加载时就有一个默认的视频显示,可以在 HTML 中给定默认的 src。如果你希望根据用户的操作或其他条件来动态设置视频源,可以不指定默认的 src。