jwplayer 初始化设置项

最新推荐文章于 2025-06-27 16:39:46 发布

原创最新推荐文章于 2025-06-27 16:39:46 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jwplayer

js 专栏收录该内容

3 篇文章

订阅专栏

该博客介绍了如何使用jwplayer初始化并设置视频播放，包括文件路径、宽高比、自适应模式、自动播放、控制条显示、颜色设定、画面比例、字幕配置以及其他高级特性，如多分辨率支持、RTMP流媒体和插件配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * jwplayer播放视频设置项
 */
function playVideo(url){
    jwplayer("videoContent").setup({
        flashplayer: "../extends/jwplayer/jwplayer.flash.swf",
        image: "./modules/videos/img/videoCover/cover.png",

        //类型flv,f4v,mov,m4a,m4v,mp4,aac,f4a,mp3
        //file: "Video.mp4",
//        file: "./video/op.mp4",
//        file: "./video/1.flv",
        file: url,

        //width: 480,
        //height: 360,


        //skin: "skin/red.xml",
        //skin: "skin/blue.xml",
        //skin: "skin/five.xml",
//        skin: "./plugins/jwplayer/skin/green.xml",
        //bufferlength: 5,

        //title: 'JmsGG.Com',
        //description: "Http://Www.JmsGG.Com/",

//        controlbar: "over",  //控制条位置
//        controlbar: "bottom",
//        controlbar: none,
        controls: false, //控制条显示隐藏

        screencolor: "#fff",   //播放器颜色
        stretching: "fill",    //画面自适应
        //repeat: "always",       //重复播放
        autostart:true,         //自动播放
        //mute: true,            //静音


        width: "100%",
        aspectratio: "16:9",


//    tracks: [{
//      file: "video.txt",
//      //kind: "chapters"     //时间轴说明
//      kind: "captions"     //字幕
//    }],


//    captions: {            //字幕设置
//     color: "#FF0000",
//     fontSize: 24,
//     backgroundOpacity: 50
//    },


//    events: {
//     onReady: function() { this.play(); },
//     onVolume: function(event) { alert("the new volume is"+event.volume); }
//    }


      //playlist: [
      // { duration: 32, title: "Sintel Trailer1", description: "SintSintelel Trailer1", file: "./modules/videos/media/1.mp4", image:"../extends/jwplayer/player.jpg"},
      // { duration: 124, title: "Sintel Trailer2", description: "SSintelintel Trailer2",  file: "./modules/videos/media/1.mp4", image:"../extends/jwplayer/player.jpg"},
      // { duration: 542, title: "Sintel Trailer3", description: "SiSintelntel Trailer3",  file: "./modules/videos/media/1.mp4", image:"../extends/jwplayer/player.jpg"}
      //],
        //
      //listbar: {
      // position: "right",
      // size: 240
      //},


//    levels: [
//     { bitrate: 300,label: "320p", file: "video.mp4", width:  320 },
//     { bitrate: 600,label: "480p", file: "video.mp4", width:  480 },
//     { bitrate: 900,label: "720p", file: "video.mp4", width:  720 }
//    ],
//    provider: "rtmp",
//    streamer: "rtmp://rtmp.example.com/application/"


//    plugins: {
//     hd: { file:  "/videos.mp4", fullscreen: true },
//     gapro: { accountid:  "UKsi93X940-24" }
//    },


//modes配置项被用来指定渲染播放器不同浏览器技术的顺序
//    modes: [
//                { type: 'flash', 'src': '../extends/jwplayer/jwplayer.flash.swf' },
//                { type: 'html5' },
//                { type: 'download' }
//            ]
//
    });

    function KeyOn_Space(ev) {     //JW Player 空格控制播放暂停 <body onKeyDown="KeyOn_Space(event);">
        ev = ev || window.event;
        var code = (ev.keyCode || ev.which);
        if (code == 32) {
            jwplayer('videoContent').pause();
        }
    }
    jwplayer('videoContent').setMute(false);

}