我尝试使用colorbox在html页面中显示一些视频，html文件和所有资源（包括视频）将在USB驱动器上，用户将打开html文件。我们的想法是，当在页面上按下链接时，将弹出一个颜色框并仅显示视频，视频周围的背景为白色。这在Firefox中运行良好，它将视频大小调整为窗口宽度的大约80％，周围的背景为白色，但在Chrome中，视频显示的是原始视频文件的大小以及它的整个区域＆＃ 39;在调整大小后应该占用的是黑色（只是iframe被重新调整大小，但视频不会比视频文件大小更大）。我可以忍受这个，但我似乎无法获得黑色iframe背景来匹配我的白色#cboxOverlay。
使用开发人员工具似乎这是用户代理样式表的一个问题，我看到一些可能导致问题的规则，但不知何故我没有设法用reset.css或常规css文件覆盖它们：
video:-webkit-full-page-media {
max-height: 100%;
max-width: 100%;}
body:-webkit-full-page-media {
background-color: rgb(0, 0, 0);}
非常感谢任何见解。