-1

タグに追加border-radiusするにはどうすればよいですか。これは私のビデオが今どのように見えるかです:<video>

(画像はこちら: <a href="https://i.stack.imgur.com/izKz0.png")

私はすでにcssでビデオタグをやろうとしましたが、変わりません。

コードは次のとおりです。

/*CSS*/

video {
border-radius: 10px;
}
<!HTML!>

<div class="fp-player">
<center>
<div id="instructions">
  <video id="my_video_1" class="video-js vjs-default-skin" width="320" height="240"
      controls preload="none" data-setup='{ "aspectRatio":"640:267", "playbackRates": [1, 1.5, 2] }' poster="https://example.org/image.png">
    <source src="https://example.org/video.mp4" type='video/mp4' />
  </video>
  </center>
    </div>

4

3 に答える 3

0

ビデオを div でラップし、このスタイルを適用します。

div {
  border-radius: 10px;
  overflow: hidden;
  z-index: 1;
  height: 320px;
  width: 480px;
}

この回答は、埋め込み YouTube ビデオの境界半径の追加で見つかりました

于 2020-06-23T16:27:53.647 に答える
-1

これは役立つかもしれない例です

HTML

<!DOCTYPE HTML>
<html>
<head>

<style>

#video1 {
border-radius:10px;
}

</style>

</head>
<body>

<video id="video1" class="video-js vjs-default-skin" width="320" height="240" controls preload="none">
    <source src="https://example.org/video.mp4" type='video/mp4' />
  </video>

</body>
</html>

「border-radius:10px;」を追加 動画のスタイルに。

于 2020-06-23T16:28:50.387 に答える