Question

我有N个视频，我通过 video.js 播放器框架播放所有视频。

我使用javascript设置了videoPlayer宽度。

在纵向和横向模式下正确设置第一个视频的宽度，但在横向模式下，下一个视频设置不正确。

这是我的player.html

<video  id="cdnvideo" class="video-js fullscreen vjs-default-skin vjs-big-play-centered" controls preload="auto"
  poster="{{video|videourlfilter}}"  >
<source   src="{{video|videourlfilter}}" type='video/mp4'>    
<source   src="{{video|videourlfilter}}"".mp4" type='video/mp4'>
</video>

我的js

 vidPlayer = videojs(document.getElementById('cdnvideo'))
    vidPlayer.width(screen.width)
  $(window).on("orientationchange", function (event) {   
     if(screen.width > screen.height){
         vidPlayer.width(height)
     }
         else{
             vidPlayer.width(width)
         }
});

Answer 1

不，我第一次说错了......你的JS没有正确解析。

（我忘记了解析的唯一JS代码是执行的代码！Ergo，事件代码无法在我的Win-10笔记本电脑上解析...它仅在移动设备实际轮换时进行解析。）

所以，你的两个条件if和else'sets'不解析...即。第一个得到： “未捕获的ReferenceError：未定义高度”

您需要添加“屏幕”。对你的args。例如 vidPlayer.width（screen.height）

当你说'...第一个视频集'和'......但是下一个视频'时，我很想念你的意思。（我错误地把它们作为对'组/集'视频文件的引用。）

无论如何，谢谢你的问题......我从中学到了很多东西。当我扫描https://www.joezimjs.com/javascript/javascript-templating-adding-html-the-right-way/时，我甚至对JS'模板'进行了复习（我在Angular中玩了一两个月，之后我认为这对于我的'web-apps作为业余爱好'的需求来说是过度的。我唯一需要展示的是一个多项旋转木马...例如https://mdbootstrap.com/angular/advanced/carousel/）

干杯...

如何在Orientation更改时更改video.js宽度？

1 个答案: