如何将m4v视频文件嵌入到我的html网页?

时间:2013-06-11 13:56:28

标签: javascript jquery-mobile video-streaming jwplayer m4v

我目前正在尝试将m4v视频嵌入到我的html网页中。 使用以下代码

<video controls="" height="360" width="480">
<source src="path/to/my/m4v/video" type="video/mp4"> 
<source     src="path/to/my/m4v/video" type="video/ogg"> 
</source></source></video>

它在google chrome中完美运行。它需要一个ogv video for mozilla浏览器。因为我们无法从客户端获取一个ogv视频。我也在英雄框架中使用它。 我还尝试使用适用于webkit浏览器的iframe tag used by youtube embed code.(谷歌浏览器)。 但是无法在mozilla firefox浏览器中播放。我需要在跨浏览器中播放m4v视频。我在这里有什么办法或任何html标签吗?我探索了很多但找不到有效的解决方案。

5 个答案:

答案 0 :(得分:2)

  • 如果您没有被迫使用Quicktime,则基于Flash的JW Player不免费
  • 如果客户端安装了Flash 10,
  • 可以执行Quicktime编码的MV4。

  • 因此尝试使用 jwplayer 官方网站上的 JWPlayer

  • 必须购买才能获得许可证密钥。
  • 可以在跨浏览器上播放 .m4v 视频。
  • 完美无缺。

答案 1 :(得分:1)

浏览器不支持m4v格式文件,这些格式需要播放器支持。这些文件直接无法在浏览器中运行。 像chrome,firefox,ie ......等。

因为这些文件格式属于iOS操作系统,由apple开发。 阅读以下链接维基百科给出的说明。 http://en.wikipedia.org/wiki/M4V

M4V - 视频支持功能

是可能的
  1. 在我们可以使用的链接中上传m4v文件。
  2. 需要将所有文件转换为mp4格式并在服务器中使用。
  3. 需要编写任何将m4v文件从服务器端转换为mp4 fomat的脚本。
  4. 需要任何直接将m4v转换为mp4格式文件的构建器,但可以支付它。

答案 2 :(得分:1)

您的编解码器(m4v)可能需要一些外部插件或服务支持,因为所有浏览器都不支持。

有关支持的跨浏览器视频和音频格式的列表,建议您通过MDN查看此文档

Media formats supported by the HTML audio and video elements

只需几句话,您需要99%bross-browser的格式

  • MP4中的H.264和AAC
  • 奥拉的Theora和Vorbis
  • WebM中的VP8和Vorbis

答案 3 :(得分:1)

HTML5视频只是一种使用新元素播放特定视频格式的惯例,浏览器将为其实现自己的播放器。 HTML5不会提供播放器或类似内容。

你必须寻找大多数浏览器支持的编解码器,如果我记得很清楚的话,在OGG容器中主要是Theora for Video和Vorbis for audio。

然后我记得Webkit浏览器将支持使用V8作为视频编解码器的Matroska(MKV)容器和用于音频的Vorbis。

我的建议:分别将Theora和Vorbis的OGG文件作为视频和音频编解码器提供。内部使用带有V8和Vorbis的MKV文件提供后备,然后,如果可以的话,使用Mpeg2和MP2(无法想象更好的东西)作为视频和音频编解码器的内部MPG视频文件,后备。然后作为最后一个后备,Flash播放器播放FLV视频文件。

<video src="thevideo.ogg">
    <video src="firstFallback.mkv">
        <object type="video/mpeg" src="secondFallback.mpeg">
            <object
                type="application/x-shockwave-flash"
                src="player.swf?etc...">
                <p>Download <a href="videourl">the video etc...</a><br />
                or use a more modern browser to watch online, etc...</p>
            </object>
        </object>
    </video>
</video>

等......; - )

使用此配置,大多数(如果不是全部)浏览器应该能够播放您的视频,而不是最支持(和最现代)的格式。 “Fallbacking”,直到找到Flash Player。

有关支持哪种格式的提示:请查看维基百科中的HTML5视频部分。

重要提示:在您的代码中,您指的是绝对文件系统路径,对于Web访问者来说,这是完全不可访问的。也许在src中你的意思是/video/file2.m4v。

答案 4 :(得分:1)

您可以使用HTML5视频标记。 要么 jplayer.org

https://github.com/html5-ninja/Bootstrap-video-player-jQuery-plugin/blob/master/index.html 查看关于网址的信息,请您完整参考。