krpano平面视频添加播放器界面

代码一

使用方法:

一、解压压缩包,将其放在项目根目录下。

二、嵌入代码

三、使用下面动作

1 – 视频地址 ( %CURRENTXML%/video/video.mp4).
2 – 备用视频地址 ( %CURRENTXML%/video/video.webm).
3 – 视频首帧静态截图显示 (%CURRENTXML%/video/video-poster.jpg).
4 – 音量 ( 0.5).
5 – 视频窗口的宽度 (1 为屏幕宽度的全部长度, 0.5为屏幕宽度的一半) (0.9).
6 – 视频窗口的高度 ( 0.9 ).
7 – 是否循环播放 (true).

 

下面是所需的文件。

以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

代码二

krpano的全景视频案例中有播放器。具体可以参看1.18.5下载包中的路径。

krpano-1.18.5/examples/videointerface/index.html

但在同样的下载包

krpano-1.18.5/examples/plugin-examples/video-player/example.html

该普通的弹出平面视频中就没有播放器界面,只是简单的控制播放暂停和关闭视频。

因此,通过将全景视频播放器的代码移植到平面视频中,使其实现了基本的播放器功能。

bug:不知为何部分编码的视频无法寻址(seek),例如下面这个猫猫捣蛋视频,但像下载包中的迪拜航拍视频就可以。似乎跟播放器代码无关,反正就是seek不了。

QQ图片20150909134028

 

下面是所需的文件。

以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章

将压缩包解压后,将其中的skin文件夹、videoplayer.xml以及example.xml复制到对应的

krpano-1.18.5/examples/plugin-examples/video-player/example.html

如果是vtour多场景的情况下,将skin文件夹,videoplayer.xml解压到vtour文件夹中。

在tour.xml中加入

scene里的视频热点可以参考下面的写法,主要是onclick的部分。

在 “krpano平面视频添加播放器界面” 上有 1 条评论

发表评论