Installation

Um den Player auf Ihrer Website einbinden zu können, kopieren Sie sich entweder den Embed-Code aus unserem Interface und platzieren diesen an der gewünschten Stelle, oder Sie nutzen unseren JS-Constructor wie hier beschrieben. Mit Hilfe dieses Constructors können Sie den Videoplayer nahtlos mit Ihrem Frontend verknüpfen.

Bitte achten Sie strikt auf eine korrekte Integration und vermeiden Sie andere Videoplayer-Bibliotheken parallel einzubetten.

JavaScript in <head> oder vor dem letzten </body> platzieren:

<script type="text/javascript" src="https://playout.3qsdn.com/player/js/sdnplayer.js"></script>

Player an gewünschter Stelle im HTML einbetten. Der Parameter data-id verweist auf das gewünschte Video oder Livestream.

<h1>Video #1</h1>
<p>Some Text</p>
<!-- Player Container #1 -->
<div id="player1" style="width:100%;height:360px;"></div>
<script type="text/javascript">
   var js3qVideoPlayer;
    (function () {
        var _js3qi = setInterval(function () {
            if (typeof js3q != 'undefined') {
                clearInterval(_js3qi);
                js3qVideoPlayer = new js3q({
                    'data-id': '5c3b0910-8850-11e7-9273-002590c750be',
                    'container': 'player1'
                });
                js3qVideoPlayer.init();
            }
        }, 10);
    })();
</script>