如何让我插入的视频显示在我的页面上？答案

【问题标题】：How do I get the video I inserted to show up on my page?如何让我插入的视频显示在我的页面上？
【发布时间】：2018-11-16 12:13:40
【问题描述】：

我一直试图让这个视频显示在我的网页上，但显示的只是控件而不是实际视频。整个网页是一个 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>

【问题讨论】：

查看文档：developer.mozilla.org/en-US/docs/Web/HTML/Element/video

标签： html css html5-video

【解决方案1】：

试试这个代码

<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>

【讨论】：