html - 如何让我插入的视频显示在我的页面上?

标签 html css html5-video

我一直试图让这个视频显示在我的网页上,但显示的只是控件,而不是实际的视频。整个网页是一个 WIP atm,但我只需要让视频正常工作并循环播放。许多 HTML 都乱七八糟,但这是代码。

<html>

  <head>
    <meta charset="UTF-8">
    <link href="me.css" rel="stylesheet" type="text/css">
    <title>Layoonie</title>
  </head>
  <h1>L A Y O O N I E</h1>
  <div class="tab">
    <button class="tablinks">Bloop</button>
    <button class="tablinks">Bleep</button>
    <button class="tablinks">Blop</button>
  </div>

  <div id="Bloop" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <div id="Bleep" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <div id="Blop" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <video width="1280" height="720" controls>
<source src="/Users/Ummlynn/Documents/Graphic Design/Lynn.mov" type="video/mov">

</video>

</html>

最佳答案

试试这段代码

<html>

  <head>
    <meta charset="UTF-8">
    <link href="me.css" rel="stylesheet" type="text/css">
    <title>Layoonie</title>
  </head>
  <h1>L A Y O O N I E</h1>
  <div class="tab">
    <button class="tablinks">Bloop</button>
    <button class="tablinks">Bleep</button>
    <button class="tablinks">Blop</button>
  </div>

  <div id="Bloop" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <div id="Bleep" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <div id="Blop" class="tabcontent">
    <h3></h3>
    <p></p>
  </div>

  <video width="1280" height="720" controls>
<source src="https://tutorialehtml.com/assets_tutorials/media/Shaun-the-Sheep-The-Movie-Official-Trailer.mp4" type="video/mp4">

</video>

</html>

关于html - 如何让我插入的视频显示在我的页面上?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50726669/

相关文章:

html - CSS : Clamp divs to top and bottom in an inline container

html - 一个固定的背景图像,带有文本(并且也是响应式的)

css - 我怎样才能简单地添加一个 css 文件来更改我 Shiny 的应用程序的背景颜色

html - 如何将 VLC 直播流与 HTML5 视频一起使用?

html - Safari 上不显示 Flex/block 元素

javascript - Polymer 1.0 无法访问嵌套 <template> 元素中的元素

javascript - 防止元素被 CSS 操纵

html - 设置 scss 在 Foundation 中不起作用

javascript - iOS 中的 React 视频重新渲染问题

android - Android HTML5 的视频编码