HTML5 3D全景代碼是一種基于HTML5技術的全景展示方式，可以通過瀏覽器實現全景展示效果。以下是示例代碼，供參考。

首先我們需要定義一個容器來放置全景展示的內容：

<div id="panorama">
</div>

然后在JavaScript中，我們可以使用Three.js這個3D引擎來實現全景展示：

//創建一個場景對象
var scene = new THREE.Scene();
//創建一個相機
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
//創建一個渲染器
var renderer = new THREE.WebGLRenderer();
//將渲染器的大小設置為窗口大小
renderer.setSize(window.innerWidth, window.innerHeight);
//將渲染器添加到頁面中作為容器的子節點
document.getElementById("panorama").appendChild(renderer.domElement);
//加載全景圖片
var loader = new THREE.TextureLoader();
loader.load(
//全景圖片的路徑
'panorama.jpg',
//圖片加載完后執行的回調函數
function ( texture ) {
//創建一個球體幾何體，并應用全景圖片作為貼圖
var geometry = new THREE.SphereGeometry( 500, 60, 40 );
var material = new THREE.MeshBasicMaterial( { map: texture, side: THREE.BackSide } );
var sphere = new THREE.Mesh( geometry, material );
//將球體添加到場景中
scene.add( sphere );
}
);
//監聽窗口大小變化，更新渲染器的大小
window.addEventListener( 'resize', function() {
camera.aspect = window.innerWidth / window.innerHeight;
camera.updateProjectionMatrix();
renderer.setSize( window.innerWidth, window.innerHeight );
}, false );
//渲染場景
function render() {
requestAnimationFrame(render);
renderer.render(scene, camera);
}
render();

最后，在樣式表中設置容器的寬高，并隱藏頁面滾動條以實現全屏展示：

#panorama {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: hidden;
}

以上就是HTML5 3D全景展示的代碼實現方式。