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