videojs 切换poster
时间: 2023-11-20 07:07:01 浏览: 27
要切换videojs的poster,您可以使用以下步骤:
1.获取要更改的视频元素:
```
var video = videojs('my-video');
```
2.更改poster属性:
```
video.poster('https://new-poster-url.com/poster.jpg');
```
3.如果您需要在切换poster后重新加载视频,请执行以下操作:
```
video.load();
```
这将重新加载视频并显示新的poster。
相关问题
video.js poster
video.js的poster属性是用于设置视频播放器在视频加载之前显示的图片。在引用的代码中,poster属性被设置为"../../../../static/record/recordLu.png",这意味着当视频加载之前,播放器会显示这张图片作为视频的封面。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [Video.js 动态渲染多个直播流视频](https://blog.csdn.net/weixin_39475476/article/details/103956051)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item]
[ .reference_list ]
videojs播放rtsp
根据提供的引用内容,videojs不支持rtsp流媒体,只支持rtmp流媒体。如果要播放rtsp流媒体,需要使用c/c++插件(npapi或者activex)。如果您想使用videojs播放rtmp流媒体,可以按照以下步骤进行操作:
1. 引入video.js和videojs-flash.js文件
```html
<link href="//vjs.zencdn.net/5.8.8/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.8.8/video.min.js"></script>
<script src="//vjs.zencdn.net/5.8.8/videojs-flash.min.js"></script>
```
2. 在HTML中添加video标签
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
<source src="rtmp://example.com/my-video" type='rtmp/mp4'>
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that
<a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
</p>
</video>
```
3. 初始化videojs
```javascript
var player = videojs('my-video', {
techOrder: ['flash', 'html5']
});
```
以上是使用videojs播放rtmp流媒体的方法,如果您想播放rtsp流媒体,可以考虑使用其他的播放器或者插件。