clappr-rtmp-plugin
clappr-rtmp-plugin copied to clipboard
scaling is stretch it's not working
trafficstars
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
@pedoc, is that still an issue? can you give us more details around browser and version?