videojs动态src
时间: 2023-09-11 10:09:35 浏览: 57
你可以使用 Video.js 来动态设置视频的 src 属性。以下是一个示例代码:
```
<!DOCTYPE html>
<html>
<head>
<link href="https://vjs.zencdn.net/7.14.3/video-js.css" rel="stylesheet">
<script src="https://vjs.zencdn.net/7.14.3/video.js"></script>
</head>
<body>
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264">
<source src="" type="video/mp4">
</video>
<script>
var player = videojs('my-video');
// 动态设置 src
var src = 'your_video_url.mp4';
player.src({src: src, type: 'video/mp4'});
</script>
</body>
</html>
```
在代码中,你需要引入 Video.js 的 CSS 和 JavaScript 文件。然后,在 `<video>` 标签中,你可以设置一个空的 `<source>` 标签作为视频的初始源。
使用 JavaScript,你可以获取 Video.js 的播放器实例,并使用 `src()` 方法来设置视频的 src 属性。将你的视频地址赋值给 `src` 变量,然后调用 `player.src({src: src, type: 'video/mp4'})` 来动态设置视频的源。
记得将 `your_video_url.mp4` 替换为你的实际视频地址。此示例中使用的是 MP4 格式的视频,你可以根据需要更改类型。
希望这个示例对你有帮助!