Question

当我确定它应该很容易时，我正试图弄清楚这一点。所以，我在我正在开发的网站上有一个视频。我希望这个视频在开始播放时调整大小不同的CSS（更大的宽度/高度），并在它暂停时调整大小恢复正常（删除CSS）。我该怎么做呢？我通过添加/删除CSS尝试了jQuery和切换功能。但是，单击时会调整大小，而我希望在开始播放时使用它。有没有办法做到这一点？

代码是

<section>

<video controls preload="metadata" onclick="this.paused ? this.play() : this.pause();">
</video>

</section>

CSS

section video {
    float: left;
    width: 50%;
    max-height: auto;
}

.largevideo {
    float: left;
    width: 100%;
    max-height: auto;
}

<script>

$(document).ready(function(){
    $("section video").click(function(){
        $("section video").toggleClass("largevideo");
    });
});

</script>

这样可行，唯一的问题是当我点击“播放”时按钮视频不会变大。所以我想我要么将相同的功能应用到“播放”中。按钮或我将功能标记为视频开始播放时。

由于

播放视频时更改视频大小？

0 个答案: