Initial view

The initial pitch, yaw, and horizontal field of view can be specified using the pitch, yaw, and hfov parameters, respectively. These parameters will also be read from Photo Sphere XMP metadata, if present.

<iframe>

<iframe width="600" height="400" allowfullscreen style="border-style:none;" src="https://cdn.pannellum.org/2.2/pannellum.htm?panorama=https://pannellum.org/images/lascar.jpg&amp;pitch=2.3&amp;yaw=-135.4&amp;hfov=120"></iframe>

Standalone

https://cdn.pannellum.org/2.2/pannellum.htm?panorama=https://pannellum.org/images/lascar.jpg&pitch=2.3&yaw=-135.4&hfov=120

API

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Initial view</title>
    <link rel="stylesheet" href="https://cdn.pannellum.org/2.2/pannellum.css"/>
    <script type="text/javascript" src="https://cdn.pannellum.org/2.2/pannellum.js"></script>
    <style>
    #panorama {
        width: 600px;
        height: 400px;
    }
    </style>
</head>
<body>

<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
    "type": "equirectangular",
    "panorama": "https://pannellum.org/images/lascar.jpg",
    "pitch": 2.3,
    "yaw": -135.4,
    "hfov": 120
});
</script>

</body>
</html>

Pannellum is developed on GitHub by Matthew Petroff.