在同一HTML页面中加载视频

我想在同一个HTML页面中加载视频。视频已经开始工作并链接到一个按钮，但视频正在新的页面中打开。我会错过一些代码吗

代码：

播放器和按钮代码：

<div id="container">
 <div id="buttons">

    <ul>

        <div id="van_ons"><li><a href="onderdelen/movies/santa.mov" target="_self"><img src="knoppen/van-ons.png" /></a></li></div>

        <div id="krijg_je"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/krijgje.png" /></a></li></div>

        <div id="iig"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/iniedergeval.png" /></a></li></div>

        <div id="een_witte_kerst"><li><a href="onderdelen/movies/santa.mov"><img src="knoppen/eenwittekerst.png" /></a></li></div>



    </ul>

</div>





<div id="achtergrond">
        <!-- Begin VideoJS -->
  <div class="video-js-box">
    <!-- Using the Video for Everybody Embed Code http://camendesign.com/code/video_for_everybody -->
    <video class="video-js" width="500" height="400" controls preload poster="http://video-js.zencoder.com/oceans-clip.png">

      <!-- Flash Fallback. Use any flash video player here. Make sure to keep the vjs-flash-fallback class. -->
        <param name="movie" value="http://releases.flowplayer.org/swf/flowplayer-3.2.1.swf" />
        <param name="allowfullscreen" value="true" />
        <param name="flashvars" value='config={"playlist":["http://video-js.zencoder.com/oceans-clip.png", {"url": "http://video-js.zencoder.com/oceans-clip.mp4","autoPlay":false,"autoBuffering":true}]}' />
        <!-- Image Fallback. Typically the same as the poster image. -->
        <img src="http://video-js.zencoder.com/oceans-clip.png" width="400" height="500" alt="Poster Image"
          title="No video playback capabilities." />
      </object>

</div>
</div>

请尝试以下操作：

<a href="onderdelen/movies/santa.mov" target="_self"><img src="knoppen/van_ons.png" /></a>

---

您可以使用或嵌入视频，但可能会遇到编解码器或浏览器不兼容问题。因此，我建议采取以下措施之一：

• 要想在任何地方都能找到一个简单的解决方案，请将视频上传到 视频托管平台，如Youtube和复制/粘贴您得到的HTML 在你的网页上没有
• 使用像flowplayer或jplayer这样的视频播放器库，这有点难实现，但你不会有Youtube品牌，你的视频是保密的

---

您必须使用类似flowplayer的播放器将视频嵌入页面。 或者你可以使用HTML5视频，但你需要mp4（H.264）或OGG视频

<video width="320" height="240" controls="controls">
   <source src="movie.mp4" type="video/mp4" />
   <source src="movie.ogg" type="video/ogg" />
   Your browser does not support the video tag.
 </video>

您的浏览器不支持视频标记。

这不像插入链接那么容易。使用播放器，例如，以前从未尝试过播放器，但我现在将尝试此功能…感谢您的评论！我认为这是一个解决方案，但当我添加此代码时，我的按钮（img）消失了…谢谢！首先，我将尝试一个播放器，但我不知道如何将它链接到我的按钮。我将在上面的player中添加我的新代码，以便您可以查看。我想使用HTML5代码，但不想使用.fla。如何将视频添加到按钮，以便视频在同一网页中自行加载？我不清楚，是否要单击在该网页上加载视频的按钮？如果是这样，我建议您使用jplayer或flowplayer。。因为当前没有浏览器支持标记中的flv：/

<video width="320" height="240" controls="controls">
   <source src="movie.mp4" type="video/mp4" />
   <source src="movie.ogg" type="video/ogg" />
   Your browser does not support the video tag.
 </video>