VideoJs-Panorama Plugin - AR /VR /360 VR Video For Beginners

  • About Cloudinary Labs
  • Lab 1
    • Developing AR/VR with Unity
  • Lab 2
    • Delivering 360VR Video with Cloudinary
      • Introduction to 360VR Video
      • Setting up Cloudinary
      • Uploading Video
      • Delivering Video
      • Cloudinary Video Player
      • VideoJs-Panorama Plugin
      • Source Code
Powered by GitBookOn this page

The plugin we’re going to be using is called videojs-panorama.

Incidentally – this is not a plugin made specifically for Cloudinary’s player. But Cloudinary built its player on top of the widely used VideoJS framework, and plugins for VideoJS work on the Cloudinary Player, as well.

INSTALL PLUGIN:

Replace the Cloudinary options with one containing the plugin object configured for the panorama plugin:

Copyvar options = { publicId: "tropical360_qjbr2d", plugins: { panorama: { clickAndDrag: true, clickToToggle: true, autoMobileOrientation: true } }, sourceTypes: ["mp4"] };

See the Pen Cloudinary 360 Player by Eric Portis (@eeeps) on CodePen.

PreviousCloudinary Video PlayerNextSource Code

Last updated 7 years ago

Từ khóa » Vr Videojs Plugin