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

问题描述 投票:5回答:5

我目前正在尝试将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.t。但是无法在mozilla firefox浏览器中播放。我需要在跨浏览器中播放m4v视频。我在这里找不到任何方式或任何html标签?我探索了很多但找不到有效的解决方案。

javascript jquery-mobile video-streaming jwplayer m4v
5个回答
2
投票
  • 如果您没有被迫使用Quicktime,基于Flash的JW Player不是免费的
  • 如果客户端安装了Flash 10,则可以执行Quicktime编码的MV4。
  • 因此尝试使用jwplayer官方网站上的JWPlayer。
  • 将不得不购买它以获得许可证密钥。
  • 允许在跨浏览器上播放.m4v视频。
  • 完美的工作。

1
投票

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

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

M4V - 视频支持功能这些是可能的

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

1
投票

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

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

Media formats supported by the HTML audio and video elements

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

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

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。

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

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


1
投票

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

或者https://github.com/html5-ninja/Bootstrap-video-player-jQuery-plugin/blob/master/index.html查看关于url的信息,你得到了完整的参考。

© www.soinside.com 2019 - 2024. All rights reserved.