JFPlayer web视频播放的使用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="skins/beelden.css" />
<link rel="stylesheet" type="text/css" href="skins/bekle.css" />
<link rel="stylesheet" type="text/css" href="skins/five.css" />
<link rel="stylesheet" type="text/css" href="skins/glow.css" />
<link rel="stylesheet" type="text/css" href="skins/roundster.css" />
<link rel="stylesheet" type="text/css" href="skins/seven.css" />
<link rel="stylesheet" type="text/css" href="skins/six.css" />
<link rel="stylesheet" type="text/css" href="skins/stormtrooper.css" />
<link rel="stylesheet" type="text/css" href="skins/vapor.css" />
<script src="../../js-content/jquery-1.11.3.js" type="text/javascript"
	charset="utf-8"></script>
<script src="./jwplayer.js"></script>
<script src="./polyfills.base64.js"></script>
<script src="./polyfills.promise.js"></script>
<script src="./polyfills.vttrenderer.js"></script>
<script src="./provider.cast.js"></script>

<script src="./provider.caterpillar.js"></script>
<script src="./provider.flash.js"></script>

<script src="./provider.html5.js"></script>
<script src="./provider.shaka.js"></script>
<script src="./provider.youtube.js"></script>
<script src="./vttparser.js"></script>

<!--这是KEY-->
<script>jwplayer.key="iP+vLYU9H5KyhZeGt5eVuJJIoULUjltoaMeHXg==";</script>
<body>

 <div id="the-player" >This text will be replaced with a player.</div>
    <script>


 jwplayer('the-player').setup({
     autostart:true,
     displaytitle: false,
     file: "456.avi",
     stretching:'fill',
    /*  playlist: 'http://content.jwplatform.com/jw6/pxR7yHfO.xml', */
 });
/* jwplayer("the-player").on('firstFrame', function(evt){
   jwplayer("the-player").pause();
    
}); */
    var skins = [
        'jw-skin-seven',
        /* 'jw-skin-six',
        'jw-skin-five',
        'jw-skin-roundster',
        'jw-skin-beelden',
        'jw-skin-glow',
        'jw-skin-vapor',
        'jw-skin-bekle',
        'jw-skin-stormtrooper', */
        ''
    ];
    var skinIndex = 0;
    function next() {
        var c = jwplayer().getContainer();
        if (c) {
            $(c).removeClass(skins[skinIndex]);
            skinIndex = (skinIndex + 1) % skins.length;
            $(c).addClass(skins[skinIndex]);
            $nextButton.text(skins[skinIndex] || '(none)');
        }
    }
    var $nextButton = $('#nextskin');
    $nextButton.click(next).text(skins[skinIndex] || '(none)');
    setInterval(next, 2000);

    </script>
</body>


</script>  
</html>
文件资源
JFPlayer web视频播放的使用

猜你喜欢
