文章目录

Videoplayer Plugin videoplayer.jsVersion 1.21

Videoplayer插件用于在krpano内播放视频：
- 使用 <layer> 元素作为普通平面视频使用。
- 或用 <hotspot> 元素作为平面热点或变形热点使用。
- 或通过 <image> 元素作为全景视频使用。

语法

作为屏幕上的平面layer元素使用：

<layer name="video"
       url="videoplayer.js"
       videourl="video.m4v|video.webm"
       posterurl="videoposter.jpg"
       align="center" x="0" y="0"
       pausedonstart="false"
       loop="false"
       volume="1.0"
       onvideoready=""
       onvideoplay=""
       onvideopaused=""
       onvideocomplete=""
       onerror=""
       />

<layer name="video"

url="videoplayer.js"

videourl="video.m4v|video.webm"

posterurl="videoposter.jpg"

align="center" x="0" y="0"

pausedonstart="false"

loop="false"

volume="1.0"

onvideoready=""

onvideoplay=""

onvideopaused=""

onvideocomplete=""

onerror=""

作为3D变形热点使用：

<hotspot name="video"
         url="videoplayer.js"
         videourl="video.m4v|video.webm"
         posterurl="videoposter.jpg"
         ath="0.0" atv="0.0"
         distorted="true"
         scale="1.0" 
         rx="0.0" 
         ry="0.0" 
         rz="0.0" 
         pausedonstart="false"
         loop="false"
         volume="1.0"
         directionalsound="true"
         range="90.0"
         rangefalloff="1.0"
         outofrangevolume="0.0"
         onvideoready=""
         onvideoplay=""
         onvideopaused=""
         onvideocomplete=""
         onerror=""
         />

<hotspot name="video"

url="videoplayer.js"

videourl="video.m4v|video.webm"

posterurl="videoposter.jpg"

ath="0.0" atv="0.0"

distorted="true"

scale="1.0"

rx="0.0"

ry="0.0"

rz="0.0"

pausedonstart="false"

loop="false"

volume="1.0"

directionalsound="true"

range="90.0"

rangefalloff="1.0"

outofrangevolume="0.0"

onvideoready=""

onvideoplay=""

onvideopaused=""

onvideocomplete=""

onerror=""

作为全景视频使用：

<plugin name="<span style="color: #ff0000;">video</span>"
        url="videoplayer.js"
        videourl="video.m4v|video.webm"
        posterurl="videoposter.jpg"
        panovideo="true"
        pausedonstart="false"
        loop="false"
        volume="1.0"
        onvideoready=""
        onvideoplay=""
        onvideopaused=""
        onvideocomplete=""
        onerror=""
        />

<image hfov="360" vfov="180">
   <sphere url="plugin:<span style="color: #ff0000;">video<span style="color: #000000;">"</span></span> />
</image>

<plugin name="video"

url="videoplayer.js"

videourl="video.m4v|video.webm"

posterurl="videoposter.jpg"

panovideo="true"

pausedonstart="false"

loop="false"

volume="1.0"

onvideoready=""

onvideoplay=""

onvideopaused=""

onvideocomplete=""

onerror=""

</image>

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

开源

视频插件源码

videoplayer_basic_source.js (查看) – 下载
完整案例 (查看) – 下载

下一页为 krpano 1.19 关于手机端限制的说明

页面: 1 2

Videoplayer插件官方文档

语法

开源

在 “Videoplayer插件官方文档” 上有 3 条评论

发表评论取消回复

语法

开源

在 “Videoplayer插件官方文档” 上有 3 条评论

发表评论 取消回复

发表评论取消回复