video-dev / clappr-rtmp-plugin

📺 RTMP support for Clappr player.
http://clappr.io
Apache License 2.0
105 stars 46 forks source link

scaling is stretch it's not working #96

Closed pedoc closed 2 years ago

pedoc commented 6 years ago

t,he latest version,example code:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/clappr@latest/dist/clappr.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/video-dev/clappr-rtmp-plugin@latest/dist/rtmp.min.js"></script>
</head>
<body>
<div id="player" style="width: 960px;height: 540px"></div>
<script>
    //var player = new Clappr.Player({ source: "/Static/Resources/2018-01-26/7ceb3453-85eb-489a-af1a-dbe65e6188b8.mp4", parentId: "#player"});
    var player = new Clappr.Player({
       // source: "rtmp://192.168.1.114/live/stream",
        source: "rtmp://live.hkstv.hk.lxdns.com/live/hks",
        parentId: "#player",
        plugins: { 'playback': [RTMP] },
        autoPlay: true,
        rtmpConfig: {
            swfPath: 'https://cdn.jsdelivr.net/gh/video-dev/clappr-rtmp-plugin@latest/dist/assets/RTMP.swf',
            scaling:'stretch',
            playbackType: 'live',
            bufferTime: 1,
            startLevel: 0
        }
    });
</script>
</body>
</html>

video left and right sides are blank padding

flavioribeiro commented 5 years ago

@pedoc, is that still an issue? can you give us more details around browser and version?