Javascript 使用彩色框iframe查看本地视频-黑色背景，在Chrome中不调整大小？
我正在尝试使用在html页面中显示一些视频，html文件和所有资源（包括视频）都将位于USB驱动器上，用户将打开html文件。其想法是，当在页面上按下链接时，会弹出一个颜色框，仅显示视频，视频周围的背景为白色。这在Firefox中运行良好，它将视频大小调整到窗口宽度的80%左右，周围的背景为白色，但在Chrome中，视频显示的大小与原始视频文件相同，调整大小后应该占据的整个区域为黑色（只是调整了iframe的大小，但视频的大小不会超过视频文件的尺寸）。我可以接受这一点，但我似乎无法让黑色的iframe背景与白色的cboxOverlay匹配 使用开发人员工具这似乎是用户代理样式表的问题，我看到了一些可能导致问题的规则，但不知怎的，我没有设法用reset.css或常规css文件覆盖它们：Javascript 使用彩色框iframe查看本地视频-黑色背景，在Chrome中不调整大小？,javascript,jquery,css,iframe,colorbox,Javascript,Jquery,Css,Iframe,Colorbox,我正在尝试使用在html页面中显示一些视频，html文件和所有资源（包括视频）都将位于USB驱动器上，用户将打开html文件。其想法是，当在页面上按下链接时，会弹出一个颜色框，仅显示视频，视频周围的背景为白色。这在Firefox中运行良好，它将视频大小调整到窗口宽度的80%左右，周围的背景为白色，但在Chrome中，视频显示的大小与原始视频文件相同，调整大小后应该占据的整个区域为黑色（只是调整了iframe的大小，但视频的大小不会超过视频文件的尺寸）。我可以接受这一点，但我似乎无法让黑色的ifr
video:-webkit-full-page-media {
max-height: 100%;
max-width: 100%;}
body:-webkit-full-page-media {
background-color: rgb(0, 0, 0);}