在JW播放器自动调整

StackOverflow https://stackoverflow.com/questions/2580633

  •  24-09-2019
  •  | 
  •  

题

有什么办法可以让JW播放器自动调整大小时，它的负载？

像，例如，如果影片文件在尺寸大于游戏者更小，再有黑色背景它。我想电影里遍布黑色的颜色。

预先感谢。

有帮助吗？

解决方案

有几个可通过Flash变量的设定拉伸选项。这些包括无（无拉伸），exactfit（不成比例），均匀（拉伸用黑色边框）或填充（统一，但完全填充显示器）。他们都列在我们的 FlashVars的页面。

如果你正在寻找更新DOM中的播放器的大小，它是可能的，但它肯定不建议，因为这将导致Flash重新加载播放器。

最佳，

扎克

开发，长尾视频

其他提示

对我来说，以下工作：

<html>
<script type="text/javascript" src="jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="LicenceCodeGoesHere";</script>
<div id="container">This'll be the player</div>

<script type="text/javascript">
jwplayer("container").setup({
    file:"http://videoURLGoesHere",
    autostart:true,
    width: "100%",
    height: "98%",
ratio: "100%",
responsive: true,
    events:{
        onComplete: function() {
            window.location = "http://redirectGoesHere";
        }
    }

});

</script>
<a href="http://UrlGoesHere">Please click here to skip the video and load the main site</a> 
</html>

希望这有助于！

至于调整视频播放器本身，而不是缩放它里面的内容，JW播放器现在有一个大小调整功能，您可以用onMeta事件结合起来，将视频播放器相匹配的视频尺寸。请注意，我只试过这对视频流，所以我不是100％肯定的元事件的工作原理相同的基于文件的播放。

您可能需要使用onMeta事件来计算正确的尺寸，但等到的onPlay事件实际上调用调整大小（） - 如果你已经有了加载播放开始前的静止图像，它仍然是向上的时候你调整的onMeta事件，它会伸展，但看起来有点怪异一秒钟。这还是发生在onPlay但它的速度更快。

在您的jwplayer（ 'VIDEO_ID'）设置（）函数，就包括像这样的选项：

        events: {
          onMeta: function(event) {
            if(event.metadata.width != undefined && event.metadata.height != undefined && event.metadata.width != 0) {
              var playerWidth = 700;
              var playerHeight = (event.metadata.height/event.metadata.width)*playerWidth;
              jwplayer("video_id").resize(playerWidth, playerHeight);
            }
          }
        }

这是假设你想保持宽度在700，但缩放播放器的高度，以适应媒体文件，当然，你的球员有在DOM ID“VIDEO_ID”。

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top