Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 刚开始与jwplayer合作,我有几个问题_Javascript_Video Streaming_Jwplayer - Fatal编程技术网

Javascript 刚开始与jwplayer合作,我有几个问题

Javascript 刚开始与jwplayer合作,我有几个问题,javascript,video-streaming,jwplayer,Javascript,Video Streaming,Jwplayer,我刚开始与jwplayer合作,我有几个问题: 如何在标题旁边附加/显示缩略图(类似于youtube)?我必须自己创建缩略图吗,还是jwplayer为我创建 播放列表部分看起来很单调,只显示标题。如何显示视频的其他信息?ie时间、作者/上传者等 如果有文档,请给我指一下,到目前为止我还没有找到 我当前的代码: <script type="text/javascript"> jwplayer("myElement").setup({ playlist: [{

我刚开始与jwplayer合作,我有几个问题:

  • 如何在标题旁边附加/显示缩略图(类似于youtube)?我必须自己创建缩略图吗,还是jwplayer为我创建

  • 播放列表部分看起来很单调,只显示标题。如何显示视频的其他信息?ie时间、作者/上传者等

  • 如果有文档,请给我指一下,到目前为止我还没有找到

    我当前的代码:

    <script type="text/javascript">
        jwplayer("myElement").setup({
            playlist: [{
                file: "/common/assets/sample_iPod.m4v",
                title: "Sample Video 1"
            },{
                file: "/common/assets/Wildlife_512kb.mp4",
                title: "Animals being CUTE!!!"
            },{
                file: "https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/Wildlife_512kb.mp4",
                title: "video from S3"
            },{
                file: "https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/sample_iPod.m4v",
                title: "ipod help from S3"
            }],
            width: 770,
            height: 360,
            listbar: {
                position: 'right',
                size: 240
            }
        });
    </script>
    
    
    jwplayer(“myElement”).setup({
    播放列表:[{
    文件:“/common/assets/sample_iPod.m4v”,
    标题:“示例视频1”
    },{
    文件:“/common/assets/widlife_512kb.mp4”,
    标题:“可爱的动物!!!”
    },{
    文件:“https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/Wildlife_512kb.mp4",
    标题:“S3视频”
    },{
    文件:“https://s3.amazonaws.com/asteroid.static.www.otcmarkets.com/videos_presentations/OTCM/sample_iPod.m4v",
    标题:“来自S3的ipod帮助”
    }],
    宽度:770,
    身高:360,
    列表栏:{
    位置:'右',
    尺码:240
    }
    });
    

    要执行这些操作,您需要在每个播放列表条目中添加图像和描述

    参考-

    使用的代码:

    <div id="myElement"></div>
    
    <script>
        jwplayer("myElement").setup({
          playlist: [{
            file: "/uploads/sintel.mp4",
            image: "/uploads/sintel.jpg",
            title: "Sintel Trailer",
            description: "Sintel is a fantasy CGI movie from the Blender Open Movie Project."
          },{
            file: "/uploads/tears.mp4",
            image: "/uploads/tears.jpg",
            title: "Tears of Steel Trailer",
            description: "A complete open pipeline was used to produce this visual effect film."
          },{
            file: "/uploads/bunny.mp4",
            image: "/uploads/bunny.jpg",
            title: "Big Buck Bunny Trailer",
            description: "This  animated film is made using free and open source software."
          },{
            file: "/uploads/elephants.mp4",
            image: "/uploads/elephants.jpg",
            title: "Elephants Dream Trailer",
            description: "This is the worlds first open movie, made entirely with Blender."
          }],
          width: 700,
          height: 240,
          listbar: {
            position: "right",
            size: 280
          }
        });
    </script>
    
    
    jwplayer(“myElement”).setup({
    播放列表:[{
    文件:“/uploads/sintel.mp4”,
    图片:“/uploads/sintel.jpg”,
    标题:“辛特尔拖车”,
    描述:“辛特尔是一部来自Blender开放电影项目的奇幻CGI电影。”
    },{
    文件:“/uploads/trices.mp4”,
    图片:“/uploads/tears.jpg”,
    标题:“钢制拖车的撕裂”,
    描述:“一个完整的开放管道被用来制作这部视觉效果电影。”
    },{
    文件:“/uploads/bunny.mp4”,
    图片:“/uploads/bunny.jpg”,
    标题:“大公兔拖车”,
    描述:“这部动画电影是使用免费的开源软件制作的。”
    },{
    文件:“/uploads/大象.mp4”,
    图片:“/uploads/大象.jpg”,
    标题:“大象梦预告片”,
    描述:“这是世界上第一部完全用Blender制作的开放式电影。”
    }],
    宽度:700,
    身高:240,
    列表栏:{
    位置:“对”,
    尺码:280
    }
    });
    
    hmmmm,那么我就没有办法显示上传的日期了?除非你把日期写进描述中,否则不行。我知道了,还有几个问题,我上传了一个屏幕截图,注意在播放列表的右侧,描述几乎触动了边缘,无论如何,我可以把描述移到左边一点,这样描述就不会离边缘太近了?最后,由于我不打算自己制作缩略图,是否可以在播放列表的标题/说明旁边不带大X(框),这样播放列表就只显示标题/说明等?1)我可以看到它在哪里运行吗?2) 这只有通过创建自定义皮肤并从皮肤的xml文件中删除播放列表中的图像才能实现。我们这里有一个可用的SDK-这是目前在我的开发盒。我试着改变周围播放器的大小,但无法解决这个问题。然后我会查看sdk。谢谢