将视频嵌入代码答案

【问题标题】：Embedding video into code将视频嵌入代码
【发布时间】：2012-09-09 04:34:46
【问题描述】：

我现在一直在尝试这样做，但无法弄清楚。我可以用 quicktime 嵌入视频，但现在最新版本确实有问题。有没有其他方法可以在不使用 quicktime 或 windows 播放器的情况下嵌入视频？

提前致谢

【问题讨论】：

【解决方案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

【讨论】：

【解决方案2】：

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/

【讨论】：

【解决方案3】：

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

对于更灵活的网站视频播放器，您可能希望从 jQuery 或其他样式的视频播放器中进行选择，我建议您查看此问题中提供的答案：https://stackoverflow.com/questions/4697556/best-html5-video-player 其中，接受的答案指的是 Sublimevideo，但投票最多的答案（今天）包括下一个列表：

查看这些链接：

http://videojs.com/

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

http://sublimevideo.net/

http://www.dailymotion.com/html5

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

http://www.youtube.com/html5

http://vimeo.com/blog:268

http://flarevideo.com/

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

http://darkonyx.web-anatomy.com

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

祝你好运！

【讨论】：