Learning to cofe #HTML500 with @lighthouselabs @myvantug #theta360

Attribute	Description	Possible values
data-width	Embedded player width [px]	Integer that is 0 or greater
data-height	Embedded player height [px]	Integer that is 0 or greater
data-projection-type	Viewpoint display method	mirror-ball (mirror ball) little-planet (little planet) equirectangular (flat） rectilinear (straight)
data-heading-degrees	Horizontal direction initial angle	Integer from -∞ to ∞. Images rotate to the right for positive integer and to the left for negative integer. Must be set together with data-pitch-degrees.
data-pitch-degrees	Vertical direction initial angle	Integer from -90 to 90. Images rotate upwards for positive integer and downwards for negative integer. Must be set together with data-heading-degrees.
data-sphere-effect	Effect	butterfly3d (An effect with flying butterflies around the image) firefly3d (An effect with fireflies flying around the image) momiji3d (An effect with autumn leaves floating around the image) rain3d (An effect with rain falling) sakura3d (An effect with cherry blossoms floating around the image) snow3d (An effect with snow falling) snowcrystal3d (An effect with ice crystals floating around the image) ufo3d (An effect with a UFO flying around the image)
data-rotation-direction	Rotational direction & speed	Integer from -∞ to ∞. Images rotate counter-clockwise for positive integer and clockwise for negative integer.
data-spherical-image	Size of image to import	equirectangular (Very large) equirectangular_web_optimized (Large) equirectangular_mobile_web_optimized (Medium) equirectangular_legacy_mobile_web_optimized (Small)

Attribute

Description

Possible values

data-width

Embedded player width [px]

Integer that is 0 or greater

data-height

Embedded player height [px]

Integer that is 0 or greater

data-projection-type

Viewpoint display method

mirror-ball (mirror ball)
little-planet (little planet)
equirectangular (flat）
rectilinear (straight)

data-heading-degrees

Horizontal direction initial angle

Integer from -∞ to ∞. Images rotate to the right for positive integer and to the left for negative integer.
Must be set together with data-pitch-degrees.

data-pitch-degrees

Vertical direction initial angle

Integer from -90 to 90. Images rotate upwards for positive integer and downwards for negative integer.
Must be set together with data-heading-degrees.

data-sphere-effect

Effect

butterfly3d (An effect with flying butterflies around the image)
firefly3d (An effect with fireflies flying around the image)
momiji3d (An effect with autumn leaves floating around the image)
rain3d (An effect with rain falling)
sakura3d (An effect with cherry blossoms floating around the image)
snow3d (An effect with snow falling)
snowcrystal3d (An effect with ice crystals floating around the image)
ufo3d (An effect with a UFO flying around the image)

data-rotation-direction

Rotational direction & speed

Integer from -∞ to ∞. Images rotate counter-clockwise for positive integer and clockwise for negative integer.

data-spherical-image

Size of image to import

equirectangular (Very large)
equirectangular_web_optimized (Large)
equirectangular_mobile_web_optimized (Medium)
equirectangular_legacy_mobile_web_optimized (Small)

Custom settings var is_open_embed_dialog = false; ▼

Tag example

Custom settings ▼