videojs展示播放的视频标题

要在videojs中展示播放的视频标题，可以使用以下代码：

<video id="my-video" class="video-js" controls preload="auto" data-setup='{}'>
  <source src="my-video.mp4" type="video/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>

<script>
  var player = videojs('my-video');
  player.on('loadstart', function() {
    var title = player.mediainfo.name;
    var titleElement = document.createElement('div');
    titleElement.textContent = title;
    titleElement.className = 'vjs-title';
    player.el().insertBefore(titleElement, player.controlBar.el());
  });
</script>

这段代码中，我们首先创建了一个video标签，并使用videojs进行初始化。然后，在视频加载开始时，我们使用mediainfo属性获取视频的标题，并将其添加到页面上。我们创建了一个新的div元素，将标题设置为其textContent，设置其className为'vjs-title'，然后将其插入到player的控制栏之前。这样，我们就可以在视频播放时展示视频标题了。