如何在html网站上添加dailymotion.com视频

时间:2013-12-06 18:45:54

标签: html5 video

我想在我的网站上发布一些视频。它们可以从FlipShare相机获得.MP4文件。

现在我尝试将它们转换为WMV(成功了,但是当嵌入到标签中的html中时,用户必须安装一个插件,并且网站上10个Windows Media Player的用户体验不仅那么好。)< / p>

<object id='mediaPlayer' width='320' height='285' classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' etc

然后我看了youtube并想知道他们是怎么做的,但我无法弄清楚他们将视频转换成什么格式。

所以我的问题是:我将视频转换为什么格式,以便在不需要在用户浏览器中安装的播放器中显示。我需要什么工具以及嵌入此类视频的HTML代码是什么?

如您所见:从头开始。

PS:我经常听到:这个或那个文件扩展名只是一个容器,里面可以有任何东西。如果你在答案中使用了这个,你可以向我解释一下,因为我从来没有理解这一点。对我来说,.cs是一个c#文件,一个.doc是一个Word文件,而不是'一个容器'。

1 个答案:

答案 0 :(得分:1)

您实际上并不需要任何工具或某种东西。 HTML5具有video标记,可让您轻松播放视频。视频标签有三种不同的(视频)格式可供使用。这些是.mp4,.webm和.ogg。所有这些都有不同的视频和音频编解码器,这使得它们不是那么跨浏览器兼容..我建议使用.mp4,因为看起来,它是最好的支持(你似乎带来mp4中的视频)。但根据Mozilla开发人员网络,似乎可以使用多个源。

好的,有一个HTML5视频标签的例子。

<video width="320" height="285" controls>
  <source src="movie.mp4" type="video/mp4"> <!-- mp4 video -->
  Your browser doesn't seem to like video tags...
</video> 

或者如果您想使用多种文件类型:

<video width="320" height="285" controls>
  <source src="movie.mp4" type="video/mp4"> <!-- mp4 video -->
  <source src="movie.webm" type="video/webm"> <!-- webm video -->
  Your browser doesn't seem to like video tags...
</video> 

如果你因为原因或其他原因不喜欢video标签,那么网络的深度就会有很多flash视频播放器。例如JW playerflowplayerVideo.js

因此,如果您想转换视频,我建议使用mp4和webm以获得video代码中的最佳支持。您可以使用Miro Video ConverterFormat Factory转换视频。

您的PS问题:所有文件都只是纯文本(您可以通过在文本编辑器中打开图像文件来查看),但程序会将这些文本解析为png图像或说文字文档。