当前位置: 首页 > 知识库问答 >
问题:

Bootstrap 3-响应MP4-视频

宫修贤
2023-03-14
<div align="center">
   <object class="embed-responsive-item">
     <video autoplay loop >
       <source src="file.mp4" />
     </video>
   </object>
 </div>

共有1个答案

程志新
2023-03-14

根据我的理解,您想要在您的网站上嵌入一个视频:

  • 有响应
  • 允许自动播放和循环
  • 使用引导程序

这里的演示就是这样。根据这里的说明,您必须在object/embed/iframe标记之外放置另一个嵌入类-但是您也可以使用视频标记来代替object标记,即使它没有被指定。

<div align="center" class="embed-responsive embed-responsive-16by9">
    <video autoplay loop class="embed-responsive-item">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
</div>
 类似资料:
  • 我正试图在我的网站上添加三个视频。我在用JW-Player。它可以工作,但一个简单的10秒视频(3MB)需要一分钟以上的时间来加载。我以为这是我的主机服务的问题,但我已经尝试上传另一个类似格式的视频建立在互联网上,比我的长(22MB),它加载在几秒钟内! 我正在用Avidemux将一个。AVI(MPEG4,9280 Kbps,640x480,25 fps,273 MB,4分钟,无音频)视频剪切和转

  • 问题内容: 好的,基本上我有一个项目,要求对用户隐藏视频,同时仍然能够查看它们(使用php)。这是我到目前为止所得到的: video.php文件具有以下内容: 并且应该显示此内容的html文件使用的是预期的html5。现在这是东西..当我直接嵌入这个(不是)时,它起作用了。但是它在我的iPhone上不起作用,并且在标签中也不起作用…如果我使用直接文件而不是php包装器,那么一切也可以在我的iPho

  • 我有一个响应站点,包含html5视频。我有一些javascript可以检查视频元素的大小是否低于某个阈值。如果是,它将移除控件,将视频播放按钮覆盖图像放置在视频元素的顶部,然后将click事件添加到保存视频元素的容器中。当点击容器时,它会将视频复制到一个模态对话框中并播放视频。 现在的困境是: webm版本没有任何问题。 modal视图的mp4版本在Safari中没有问题。 如果mp4播放到位(即

  • 请问,我怎样才能得到一个真正的MP4? 我的代码:

  • 我用ffmpeg库为android转换了一个图像到mp4视频,但这需要太长时间,我想避免第三方库,如果可能的话。请帮我解决我的问题。 谢谢你。

  • 用 javascript 重新包装了 bootstrap3 的 modal 组件, 使用更方便更友好!  示例:   BootstrapDialog.alert('I want banana!');   选项多接口多,很实用!!