如何在jwplayer上切换同一视频文件的不同分辨率

时间:2017-06-25 12:02:51

标签: jquery video-streaming html5-video jwplayer mp4

我只想在youtube上为同一个文件切换不同的分辨率。 这就是我的意思 我有一个1080p的文件,它正在播放然后我需要提供低于1080的切换分辨率选项,如720p,480p,360p。我一直在探索这个,我发现我们必须为每个分辨率提供不同的来源,但我认为可以使用相同的文件来完成。我正在努力工作并尝试了很多事情,但仍然没有成功。 这就是我正在做的事情

$file = '[{"type": "video/mp4", "label": "360p", "file": "test.mp4"}]';
$file2 = '[{"type": "video/mp4", "label": "480p", "file": "test.mp4"}]';
<script type="text/javascript">
        jwplayer("myElement").setup({
            playlist: [{
                "sources":<?php echo $file?>,

            },
            {
                "sources":<?php echo $file2?>,

            }],
            allowfullscreen: true,
            width: '100%',
            aspectratio: '16:9',
        });
    </script>

文件正在播放但没有显示任何分辨率切换选项。任何解决方案?

1 个答案:

答案 0 :(得分:1)

在单个播放列表项目中列出您的不同来源“品质”,而不是单独的播放列表项目。

如果媒体类型在源数组中相同,JW Player将使用它为该单个项目提供质量选择器。

如果它们不同,JW Player会假设媒体类型的瀑布回落 - 以涵盖跨浏览器支持:

jwplayer("myElement").setup({
    ...
    playlist: [{
        ...
        "sources": [
            {"type": "mp4", "label": "Quality 1", "file": "test.mp4"},
            {"type": "mp4", "label": "Quality 2", "file": "test.mp4"},
            {"type": "mp4", "label": "Quality 3", "file": "test.mp4"}
        ],
        ....
    }],
    ...
});

注意:您需要包含3种质量变化才能显示质量选择器弹出菜单 - 否则“HD”按钮只是用作切换按钮。