本文作者已经自行开发了一套360player播放器，免费开源，地址。
想找一个H5的360视频播放器，免费的，找了好几个，包括国外的，都是做平台的，免费入场，服务收费。UtoVR 是一家国内的VR软件厂商，据官网介绍，UtoVR 一站式软件集成开发工具(SDK)是国内第一款自主研发的VR视频软件开发包，可以帮助您在自己的应用中，快速实现VR视频的播放效果。全面支持硬件解码，可与手机移动端PC端、VR头显、电视机顶盒等多终端硬件整合。
官方提供了免费版和定制版，免费版拥有大部分功能，右键部分功能受限。定制版提供了一些高级功能和技术服务，官网没有给出具体购买价格，根据官网联系方式与客服沟通后了解到，其定制版价格2万，对于个人开发者有点贵了。
UtoVR实际是一款360视频播放器，同时支持H5和flash，我做了个小测试，没有使用全景视频，用的是全景图片，测试结果见文末。
移动端默认支持陀螺仪。
UtoVR SDK目录
UtoVR Player SDK for Web开发包
简介：
UtoVR Player是一款全景视频播放器。它支持360度空间全景视频的播放。观看者通过与播放器的交互，可以体验到身临其境的视觉效果。UtoVR Player SDK可以帮助你在自己的应用中，快速实现全景视频的播放效果。
功能：
1，支持视频格式：h264编码的mp4等视频文件；
2，支持播放普通全景视频（2：1）；
3，支持2K高清、4K超高清的全景视频播放；
4，支持点播（mp4）、直播（RTMP格式）播放全景视频；
5，支持PC端的鼠标，移动端手指的上、下、左、右的滑动，放大、缩小全景视频的操作；
6，支持移动端的陀螺仪的上、下、左、右控制全景视频的操作；
7，支持单屏/双屏（VR模式）的操作；
8，支持全屏、非全屏的操作；
9，支持视频的播放、暂停、以及时间进度条的控制；
注：免费版本的SDK不支持直播功能，并且UI画面的右上角带有”UtoVR”字样的版权信息，具体免费版本和定制版本的功能区别请参见官网。
UtoVR Player for Web使用说明
播放器的使用遵循简单实用的原则，只需3步操作即可完成配置。
1，文件引用：
将获取到的开发包文件(lib目录下的player文件夹)放置在Web项目的目录下，在html页面<head>标签内通过<script>标签引入播放器的引导js即可。
例如：
<!–引入引导js 动态下载播放器–>
<script language=”javascript” type=”text/javascript” src=”./player/UtoVRPlayerGuide.js”></script>
注意保证src的路径配置正确。
2，页面参数的配置:
<script language=”javascript” type=”text/javascript”>
/*播放器参数配置*/
var params = {
container:document.body, //播放器容器Dom对象
name:”SceneViewer”, //播放器名称
dragDirectionMode:true, //播放器拖动模式
width:800, //播放器的width
height:500, //播放器的height
/*fullScreenMode:true,//全屏模式 ===>如果是配置了该参数，将忽略width和height的配置，播放器将取当前窗口的尺寸作为播放器的初始尺寸*/
scenesArr:[
{sceneId:”test1k”, sceneFilePath:”./panoVideo/960p.mp4″, sceneType:”Video”, initPan:0, initFov:100}
]
};
//sceneFilePath:为全景视频的路径配置，sceneType：场景类型配置
</script>
3，页面播放器实例化：
<script language=”javascript” type=”text/javascript”>
/*根据页面配置参数，实例化播放器*/
window.onload = function () {
initLoad(params);
};
</script>
注意：initLoad 可以在window.onload 或者是 其他点击事件的函数处理中 进行调用。这个可以根据具体的功能需求进行操作，但必须保证 调用前，页面引入了UtoVRPlayerGuide.js
完整页面代码请参考SDK中sample文件夹中的案例！
SDK提供了很多案例，只要在这些示例文件上修改就能得到自己想要的效果。
全景图测试效果展示：
