小编Rav*_*ven的帖子

我正在尝试学习HTML和CSS,但我遇到了一个问题:

<style style="text/css">
    div.slide-slow {
        width: 100%;
        overflow: hidden;
    }

    div.slide-slow div.inner {
        animation: slide-slow 30s;
        margin-top: 0%;
    }

    @keyframes slide-slow {
        from {
            margin-left: 100%;
        }

        to {
            margin-left: 0%;
        }
    }
</style>

<div class="slide-slow">
    <div class="inner">
        <img src="http://www.html.am/images/html-codes/marquees/fish-swimming.gif" alt="Swimming fish">
    </div>
</div>

我希望这个CSS循环,而不是只在它完成时停止.是否可以使CSS函数循环？

我正在使用 videojs.com 视频播放器，它工作得很好，唯一的问题是我希望视频播放器是全屏尺寸，而不是使用像素，例如，如果您在较小的屏幕上，视频播放器看起来很乱向上。我尝试使用 100% 而不是 px 但它也搞砸了很多。有没有其他方法可以让它自动适应整个屏幕？

<video id="player" class="video-js vjs-default-skin" controls autplay="true" preload="auto" width="1880px" height="980px"
  poster="FF7.png"
  data-setup="{}">
<source src="FF7.mp4" type='video/mp4' />
<track kind="subtitles" src="FF7.vtt" srclang="en" label="Svenska"></track>
 </video>