Question

我想在html中制作视频响应。因为我正在使用视频标签。以下是我试过的代码。

<video controls autoplay="true" loop class="video_travel">
    <source src="video/video.mp4" type="video/mp4">
    <source src="video/video.webm" type="video/webm">
    <source src="video/video.ogv" type="video/ogg">
</video>

现在，当我打开包含手机视频的网站时，我得到的是会有一个播放按钮，但不能播放任何内容。请帮助..

Answer 1

你可以使用＆＃34; max-width：100％＆＃34;检查下面的代码段。

＆＃13;

video {
    max-width: 100%;
    height: auto;
}

＆＃13;

<video controls autoplay loop class="video_travel">
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4" type="video/mp4" />
    <source src="http://clips.vorwaerts-gmbh.de/VfE.webm" type="video/webm" />
    <source src="http://clips.vorwaerts-gmbh.de/VfE.ogv" type="video/ogg"  />
</video>

＆＃13;

Answer 2

使用Css属性 -

video {
    width: 100%;
    height: auto;
}

Answer 3

你试过这个吗？

 video {
  width: 100%    !important;
  height: auto   !important;
}

如何在html中使用视频标签进行视频响应？

3 个答案: