将视频嵌入代码中

时间:2012-09-09 04:34:47

标签: html video video-embedding

我现在一直试图这样做,但无法弄明白。我可以快速嵌入一个视频但是现在最新发布的版本真的很糟糕。有没有其他方法可以在不使用quicktime或Windows播放器的情况下嵌入视频?

提前致谢

3 个答案:

答案 0 :(得分:1)

您可以尝试使用HTML5视频标记;

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

Here 是一个现场演示。

您可以查看 Top 10 Ways to Embed Video into a Web Page 4 New Ways to Embed Video

答案 1 :(得分:0)

Html5的视频标签。当然,浏览器必须支持它,但除了Adobe的Flash Player之外,这是我所知道的唯一其他方式:

<video width="200" height="200" controls="controls">
    <source src="some_movie.mp4" type="video/mp4" />
    Video tag unsupported.
</video>

很好的例子:http://www.html5rocks.com/en/tutorials/video/basics/

答案 2 :(得分:0)

使用“视频”标签确实有其局限性。例如:您无法使用标记中的参数调整视频大小,因此您只能构建适合您要放置它的容器的视频。否则,视频将严格按照原始宽高比调整大小。

对于更灵活的网站视频播放器,您可能希望选择jQuery或其他风格的视频播放器,我建议您查看此问题中提供的答案:https://stackoverflow.com/questions/4697556/best-html5-video-player其中,接受的答案是指Sublimevideo,但投票最多的答案(今天)包括下一个清单:

  

查看以下链接:

     
      
  1. http://videojs.com/

  2.   
  3. http://www.longtailvideo.com/support/jw-player/jw-player-for-html5

  4.   
  5. http://sublimevideo.net/

  6.   
  7. http://www.dailymotion.com/html5

  8.   
  9. http://www.html5video.org/kaltura-html5/

  10.   
  11. http://www.youtube.com/html5

  12.   
  13. http://vimeo.com/blog:268

  14.   
  15. http://flarevideo.com/

  16.   
  17. http://www.mediafront.org/project/osmplayer

  18.   
  19. http://darkonyx.web-anatomy.com

  20.   

所有这些都很容易实现。不像简单地编写标签和填充参数那么容易,但如果您希望灵活性/定制,其中许多都是不错的选择。

祝你好运!