2

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

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

提前致谢。

4

3 回答 3

1

有几个可以通过 flashvar 设置的拉伸选项。这些包括 none（不拉伸）、exactfit（不成比例）、uniform（用黑色边框拉伸）或 fill（均匀，但完全填充显示）。它们都列在我们的flashvars 页面上。

如果您希望在 DOM 中更新播放器的大小，这可能是可能的，但肯定不建议这样做，因为这会导致 Flash 重新加载播放器。

最好的，

扎克

开发者，长尾视频

于 2010-05-07T18:59:34.930 回答
1

以下对我有用：

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

希望这可以帮助！

于 2013-10-23T13:30:12.530 回答
0

至于调整播放器本身的大小，而不是缩放其中的内容，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"。

于 2012-06-14T02:40:47.940 回答