如何使 videojs 纵横比适合移动设备和计算机浏览器？

问题描述

在移动设备上，它可以很好地缩放以适应屏幕。但是在计算机浏览器中，它的完整视频尺寸非常大，所以我必须滚动。在计算机浏览器中显示时，如何缩放视频以适合浏览器窗口或将其设置为特定大小？

  <video
    id="my-video"
    class="video-js vjs-default-skin vjs-fluid"
    controls
    preload="auto"
    width="auto"
    height="auto"
    data-setup=''
    autoplay

  >
    <source src="url" type="application/x-mpegURL" />
    <source src="url" 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>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）