使用videojs播放视频时展示视频的标题
时间: 2023-12-03 21:02:34 浏览: 62
要在使用videojs播放视频时展示视频标题,可以在HTML中添加以下代码:
```html
<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}">
<source src="my-video.mp4" type='video/mp4'>
<source src="my-video.webm" type='video/webm'>
<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>
<script>
var player = videojs('my-video');
player.ready(function() {
var titleEl = document.createElement('div');
titleEl.className = 'vjs-title';
titleEl.innerHTML = 'My Video Title';
player.el().appendChild(titleEl);
});
</script>
```
这将创建一个`<div>`元素,将其添加到videojs播放器的DOM中,并将其中的文本设置为视频的标题。您可以通过CSS样式表来设计这个标题,以使其看起来更好。