javascript - 如何自定义视频全屏？

Question

我有一个任务来定制全屏。我已经在纵向模式下完成了造型，但目前该设计不适用于全屏模式。

所以这是我的肖像模式设计。https://codepen.io/escbooster12/pen/vYmemMV

有人知道当用户点击“全屏图标”时如何进行这种预期的设计？https://i.ibb.co/QQJmhCD/Untitled.png

---

目前，当用户点击“全屏图标”时，我正在尝试强制执行横向模式视频，我尝试了下面的代码，但根本不起作用。https://i.ibb.co/RHvMgTm/Untitled1.png

const toggleFullScreen = () => {
  window.screen.orientation.lock('landscape'); // added this line code
  const player = new Player('handstick', { id: vimeoId, });
  // more codes here
};

标签： javascriptreactjshtml5-video