代码一
使用方法:
一、解压压缩包,将其放在项目根目录下。
二、嵌入代码
1 |
<include url="video_player/open_video.xml" /> |
三、使用下面动作
1 |
videoplayer_open(%CURRENTXML%/video/video.mp4,%CURRENTXML%/video/video.webm,%CURRENTXML%/video/video-poster.jpg,0.5,0.9,0.9,true); |
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不了。
下面是所需的文件。
以下隐藏内容只提供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中加入
1 |
<include url="videoplayer.xml" /> |
1 2 3 4 5 6 7 |
<hotspot name="spot" url="media_playback_start.png" scale="0.5" zoom="true" ath="0" atv="0" onclick="looktohotspot(get(name),get(view.fov)); videoplayer_open(cats-short.mp4|cats-short.webm, cats-short-poster.jpg);set(layer[videointerface_control_bar].visible,true);" /> |
在 “krpano平面视频添加播放器界面” 上有 1 条评论