将视频添加到网站答案

【问题标题】：adding videos to a website将视频添加到网站
【发布时间】：2012-03-05 18:47:02
【问题描述】：

好的，我会尝试更具体一点。

该网站尚未启动并运行，但我将使用 youtube 等托管网站。我的意思是我尝试使用以下代码添加视频

<video width="320" height="240" controls="controls">
<source src="parklane.mp4" type="video/mp4" />
<object data="parklane.mp4" width="320" height="240">
<embed src="parklane.swf" width="320" height="240">

【问题讨论】：

你想做什么？你的标记是什么？到目前为止你做了什么？你想添加什么？你想用它做什么？
考虑过 HTML5 吗？ w3schools.com/html5/html5_video_dom.asp
如果您使用的是 YouTUbe 或类似软件，他们会为您提供一个不错的跨浏览器和跨设备嵌入代码。
如果您将使用 youtube，为什么不从嵌入 YouTube 视频开始？
我想上传小视频和大视频。有些是高清的，有些可能是低的。我认为仅 html 不足以处理这么多视频。我不确定通过 youtube 嵌入视频是否可行。我的意思是，例如，如果您查看 IGN.com 网站，它们都有缩略图视频和全尺寸视频。可以使用 YouTube 吗？还是我需要其他解决方案？此外，通过 YouTube 使用的视频在广告方面会限制您。

标签： html video photos

【解决方案1】：

如果您使用的是 YouTube，那么他们提供了一个很好的嵌入代码供您添加到您的页面。

例如<iframe width="420" height="315" src="http://www.youtube.com/embed/teHfyby_veU" frameborder="0" allowfullscreen></iframe>

这会将来自此页面http://www.youtube.com/watch?v=teHfyby_veU 的视频以 420 像素宽和 315 像素高嵌入您的网站。

如果您想从数据库或视频 ID 列表中动态添加它们，您只需更改嵌入代码中的 ID。

例如http://www.youtube.com/watch?v=**teHfyby_veU**

<iframe width="420" height="315" src="http://www.youtube.com/embed/**teHfyby_veU**" frameborder="0" allowfullscreen></iframe>

您可以通过更改 iFrame 的宽度和高度来调整尺寸。

如果您需要的不仅仅是这些基础知识，那么您可能想看看 youtube api - http://code.google.com/apis/youtube/overview.html

【讨论】：