Question

有没有什么办法可以让JW Player在加载时自动调整大小？

例如，如果电影文件的尺寸小于播放器，那么它就是黑色背景。我希望这部电影遍布黑色。

提前致谢。

Answer 1

可以通过flashvar设置几个拉伸选项。这些包括无（无拉伸），精确配合（不成比例），均匀（带黑色边框的拉伸）或填充（均匀，但完全填满显示器）。它们都列在我们flashvars page上。

如果你想在DOM中更新播放器的大小，可能会有，但肯定不推荐，因为这会导致Flash重新加载播放器。

最佳，

扎克

开发者，LongTail视频

Answer 2

以下适用于我：

<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>

希望这有帮助！

Answer 3

至于调整播放器本身的大小，而不是缩放其中的内容，JW Player现在具有调整大小功能，您可以将其与onMeta事件结合使用以调整播放器的大小以匹配视频尺寸。请注意，我只在流媒体视频上尝试过此操作，因此我不能100％确定元事件在基于文件的播放中的工作原理是相同的。

您可能希望使用onMeta事件来计算正确的大小，但要等到onPlay事件才能实际调用resize（） - 如果在播放开始之前加载了静止图像，它仍然会在你在onMeta事件上调整大小，它会延伸但看起来有点奇怪一秒钟。这仍然发生在onPlay上，但它更快。

在你的jwplayer（'video_id'）。setup（）函数中，只需在选项中包含这样的内容：

        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”。

在JW Player中自动调整大小

3 个答案: