Question

我需要在HTML文件中播放视频，然后在Joomla文章中播放（首先想在单个HTML页面中尝试）。

我正在使用此代码：

<video width="500" height="250" controls autoplay>
<source src="videos/video.wmv" type="video/ogg">
<source src="videos/video.wmv" type="video/mp4">
<object data="videos/video.wmv" width="500" height="250">
<embed width="500" height="250" src="videos/video.wmv">                                                               </object>
                                                                    </video>

我尝试从Youtube下载视频，它在Chrome和FF上工作正常，但在Opera上没有。

然而，主要问题 - 我需要玩avi（230MB）。我怎么能这样做？将其转换为.wmv / .mp4？或者我可以在没有外部插件的情况下将其作为avi播放吗？

我尝试将它从.avi重命名为.wmv，尝试过在线转换器，但它仍无效。

问题可能是这么大吗？格式？

Answer 1

我通常有四个版本的相同视频用于跨浏览器兼容：
<video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    <source src="movie.ogg" type="video/ogg">
    <source src="movie.webm" type="video/webm">
    <object data="movie.mp4" width="320" height="240">
        <embed src="movie.flv" width="320" height="240">
    </object> 
</video>
.mp4，.webm，.ogv和闪回后退.flv。这有效对我来说，跨浏览器。另一件需要注意的是，对于移动设备，a 更高优化的.mp4视频更有可能工作（我遇到了问题在过去用这个。）

来源：Making video tag play in all browsers

Answer 2

你试过Video.js吗？它是开源的，很酷的。

在<head>：

中

<link href="http://vjs.zencdn.net/4.3/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.3/video.js"></script>
<style type="text/css">
  .vjs-default-skin .vjs-control-bar { font-size: 60% }
</style>

在<body>：

中

<video id="my_video_1" class="video-js vjs-default-skin" controls
 preload="auto" width="640" height="264" poster="my_video_poster.png"
 data-setup="{}">
 <source src="my_video.mp4" type='video/mp4'>
 <source src="my_video.webm" type='video/webm'>
</video>

Here你可以找到更多。

以HTML格式播放视频

2 个答案: