```json
{
"summary

```json
{
"summary": "优化视频展示组件，使视频宽度全屏铺满，并保持其他元素的响应式布局",
"widget": {
"type": "custom-template",
"isAPI": false,
"fullWidth": true,
"html": "<div class=\"relative h-screen w-full overflow-hidden bg-navy-900\">\n <!-- 视频容器（全宽） -->\n <div class=\"absolute inset-0 z-0 group\">\n <!-- 藏青色封面图 -->\n <div class=\"absolute inset-0 bg-navy-900 opacity-100 group-hover:opacity-0 transition-opacity duration-500\">\n <div class=\"absolute inset-0 bg-gradient-to-r from-navy-900/80 to-navy-800/70\"></div>\n </div>\n <video autoplay loop muted class=\"absolute inset-0 w-full h-full object-cover opacity-0 group-hover:opacity-100 transition-opacity duration-500\" style=\"width:100vw\">\n <source src=\"https://example.com/sample.mp4\" type=\"video/mp4\">\n </video>\n </div>\n\n <!-- 导航栏 -->\n <div class=\"absolute top-0 left-0 w-full z-10 py-3 px-4 md:py-4 md:px-6 bg-transparent transition-all duration-300 hover:bg-white\">\n <div class=\"w-full mx-auto flex items-center justify-between\">\n <!-- Logo -->\n <div class=\"flex items-center\">\n <img src=\"/assets/images/logo/google.svg\" alt=\"Logo\" class=\"h-7 md:h-8 w-auto mr-3 md:mr-4\">\n </div>\n \n <!-- 导航按钮 -->\n <div class=\"flex items-center space-x-4 md:space-x-6\">\n <a href=\"#\" class=\"text-white hover:text-navy-900 px-1 py-0 md:px-2 md:py-1 relative transition-colors duration-300 text-sm md:text-base\">\n <span class=\"relative\">\n 产品\n <span class=\"absolute bottom-0 left-0 h-0.5 bg-blue-400 w-0 transition-all duration-300 group-hover:w-full\"></span>\n </span>\n </a>\n <a href=\"#\" class=\"text-white hover:text-navy-900 px-1 py-0 md:px-2 md:py-1 relative transition-colors duration-300 text-sm md:text-base\">\n <span class=\"relative\">\n 解决方案\n <span class=\"absolute bottom-0 left-0 h-0.5 bg-blue-400 w-0 transition-all duration-300 group-hover:w-full\"></span>\n </span>\n </a>\n <a href=\"#\" class=\"text-white hover:text-navy-900 px-1 py-0 md:px-2 md:py-1 relative transition-colors duration-300 text-sm md:text-base\">\n <span class=\"relative\">\n 关于我们\n <span class=\"absolute bottom-0 left-0 h-0.5 bg-blue-400 w-0 transition-all duration-300 group-hover:w-full\"></span>\n </span>\n </a>\n <button class=\"bg-blue-500 hover:bg-blue-600 text-white px-3 py-1 md:px-4 md:py-2 rounded-md transition-colors duration-300 shadow-md text-sm md:text-base\">联系我们</button>\n </div>\n </div>\n </div>\n \n <!-- 中央播放按钮 -->\n <button class=\"absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 z-10 group w-16 h-16 md:w-20 md:h-20 lg:w-24 lg:h-24 rounded-full bg-white/20 backdrop-blur-sm flex items-center justify-center transition-all duration-500 hover:bg-white/40 hover:shadow-lg hover:shadow-blue-500/30 hover:scale-110 active:scale-95\">\n <div class=\"absolute inset-0 rounded-full border-2 border-white/50 group-hover:border-white/80 transition-all duration-500\"></div>\n <div class=\"w-0 h-0 border-t-[10px] border-b-[10px] border-l-[16px] md:border-t-[12px] md:border-b-[12px] md:border-l-[20px] border-transparent border-l-white ml-1 md:ml-2 transition-transform duration-300 group-hover:translate-x-1\"></div>\n <div class=\"absolute inset-0 rounded-full opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-[radial-gradient(circle_at_center,_rgba(255,255,255,0.4)_0%,_transparent_70%)]\"></div>\n </button>\n</div>"
},
"next": [
"优化视频填充模式",
"添加加载指示器",
"调整移动端按钮",
"改进导航响应式",
"增加视频控制"
]
}
```