Skip to content

JWPlayer with Peer5 for DASH integration

JWPlayer is a feature rich video player that supports DASH.

The integration with Peer5 plugin is as easy as it can get. In addition to the player script, include Peer5 client and JWPlayer plugin.

Generic DASH Integration

add these two scripts to the head of your player's page

1
2
<script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
<script src="//api.peer5.com/peer5.jwplayer7.dash.plugin.js"></script>

JWPlayer + Dash.js Integration

add these two scripts to the head of your player's page

1
2
<script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
<script src="//api.peer5.com/peer5.jwplayer7.dashjs.plugin.js"></script>

JWPlayer + Shakaplayer Integration

add these two scripts to the head of your player's page

1
2
<script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
<script src="//api.peer5.com/peer5.jwplayer7.shakaplayer.plugin.js"></script>

Complete Example

The following information needs to be filled according to your actual data:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JW7 Player test</title>
    <!-- peer5 client & plugin -->
    <script src="//api.peer5.com/peer5.js?id=PEER5_API_KEY"></script>
    <script src="//api.peer5.com/peer5.jwplayer7.dash.plugin.js"></script>

    <!-- jwplayer - You can change to your self hosted script -->
    <script src="//ssl.p.jwpcdn.com/player/v/7.12.0/jwplayer.js"></script>

    <!-- jwplayer license key -->
    <script>jwplayer.key = 'JWPLAYER_KEY';</script>
</head>
<body>
    <div id="player"></div>
    <script>
        var player = jwplayer('player').setup({
            file: 'MANIFEST_FILE'
        });
    </script>
</body>
</html>

visit here for the full JWPlayer docs