javascript - CSS样式: Video-js - center and text-align: center; is not working

Question

我不知道我的视频或 CSS 代码中的问题出在哪里？

<center>
<div class="video-js-responsive-container vjs-hd">
    <video id="myvideo" class="video-js vjs-default-skin vjs-big-play-centered" controls
 preload="auto" data-setup="{}">
       <source src="<?php echo $linkdown?>" type='video/mp4' width="100%" height="100%" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">
       <source poster="<?php echo $posterimg; ?>">
    </video>
</div>
</center>

我无法删除此 css，因为我需要此 css 代码!也许应该修改它？

<style>
.video-js-responsive-container.vjs-hd {
    padding-top: 56.25%;
}
.video-js-responsive-container.vjs-sd {
    padding-top: 75%;
}
.video-js-responsive-container {
    width: 100%;
    position: relative;
}
.video-js-responsive-container .video-js {
    height: 75%; 
    width: 75%;
    position: absolute;
    top: 0%;
    left: 0%;
}
body{
background-color:#f2f2f2;
}
</style>

Answer 1

尝试这样做:

.video-js-responsive-container .video-js {
    height: 75%; 
    width: 50%;
    position: relative;
    top: 0%;
    left: 0%;
}