Hey,
so i have the problem that i want to add a 360° video to a Tour with 360° photos in it. So a mixed tour. I found some stuff here in the Forum but still have some issus.
https://krpano.com/forum/wbb/inde…video#post72777
I found this here and this was very promissing but the video won`t load inside the tour. Here is some Code how i did it.
Code
<scene name="videopano" title="360° Video Sennerei" onstart="" thumburl="panos/thumb.jpg" lat="" lng="" heading="" isvideopano="true">
<!-- include the videoplayer plugin -->
<plugin name="video"
url.html5="%VIEWER%/plugins/videoplayer.js"
url.flash="%VIEWER%/plugins/videoplayer.swf"
posterurl="%VIEWER%/video-3840x1920-poster.jpg"
pausedonstart="false"
loop="false"
volume="1.0"
onloaded="add_video_sources(); videointerface_play('Hoch 3840x1920');"
userinteractionworkarounds="true"
/>
<!-- use the videoplayer plugin as panoramic image source -->
<image devices="panovideosupport">
<sphere url="plugin:video" />
</image>
<!-- set the default view -->
<view hlookat="0" vlookat="0" fovtype="DFOV" fov="130" fovmin="75" fovmax="150" distortion="0.0" />
<action name="add_video_sources" >
videointerface_addsource('Gering 1024x512', 'video-1024x512.mp4', 'video-1024x512-poster.jpg');
videointerface_addsource('Mittel 1920x960', 'video-1920x960.mp4', 'video-1920x960-poster.jpg');
videointerface_addsource('Hoch 3840x1920', 'video-3840x1920.mp4', 'video-3840x1920-poster.jpg');
);
videointerface_play('Hoch 3840x1920');
</action>
</scene>
Alles anzeigen
With that code in the tour the video will not load. But with adding that
<!-- include the videoplayer interface / skin (with VR support) -->
<include url="skin/videointerface.xml" />
the video is loading but not with a working play pause search or quality working buttons...
Would be cool if someone know the problem.
btw this is the start of my tour.xml
Code
<krpano version="1.20.9" title="Virtual Tour">
<include url="skin/vtourskin.xml" />
<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
<skin_settings maps="false"
maps_type="google"
maps_bing_api_key=""
maps_google_api_key=""
maps_zoombuttons="false"
maps_loadonfirstuse="true"
gyro="false"
gyro_keeplookingdirection="false"
webvr="true"
webvr_keeplookingdirection="true"
webvr_prev_next_hotspots="true"
autotour="false"
littleplanetintro="false"
followmousecontrol="false"
title="true"
thumbs="true"
thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
thumbs_opened="false"
thumbs_text="true"
thumbs_dragging="true"
thumbs_onhoverscrolling="false"
thumbs_scrollbuttons="false"
thumbs_scrollindicator="false"
thumbs_loop="false"
tooltips_buttons="false"
tooltips_thumbs="false"
tooltips_hotspots="false"
tooltips_mapspots="false"
deeplinking="false"
loadscene_flags="MERGE"
loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
loadscene_blend_next="SLIDEBLEND(0.5, 0, 0.75, linear)"
loadingtext="Laden..."
layout_width="100%"
layout_maxwidth="814"
controlbar_width="-24"
controlbar_height="40"
controlbar_offset="20"
controlbar_offset_closed="-40"
controlbar_overlap.no-fractionalscaling="10"
controlbar_overlap.fractionalscaling="0"
design_skin_images="vtourskin.png"
design_bgcolor="0x2D3E50"
design_bgalpha="0.8"
design_bgborder="0"
design_bgroundedge="1"
design_bgshadow="0 4 10 0x000000 0.3"
design_thumbborder_bgborder="3 0xFFFFFF 1.0"
design_thumbborder_padding="2"
design_thumbborder_bgroundedge="0"
design_text_css="color:#FFFFFF; font-family:Arial;"
design_text_shadow="1"
/>
<!--
For an alternative skin design either change the <skin_settings> values
from above or optionally include one of the predefined designs from below.
-->
<!-- <include url="skin/vtourskin_design_flat_light.xml" /> -->
<include url="skin/vtourskin_design_glass.xml" />
<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
<!-- <include url="skin/vtourskin_design_117.xml" /> -->
<!-- <include url="skin/vtourskin_design_117round.xml" /> -->
<!-- <include url="skin/vtourskin_design_black.xml" /> -->
<!-- startup action - load the first scene -->
<action name="startup" autorun="onstart">
if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
loadscene(get(startscene), null, MERGE);
if(startactions !== null, startactions() );
if(device.panovideosupport == false,
error('Sorry, but panoramic videos are not supported by your current browser!');
);
</action>
Alles anzeigen
thanks in advance