t loop 传递html,html5视频不会循环使用chrome(html5 video won't loop in chrome)

html5视频不会循环使用chrome(html5 video won't loop in chrome)

我遇到了与本文所述相同的问题：

所以基本上我的视频不会在chrome中循环(并且无法搜索)。 当我在apache服务器上托管我的页面时，即使我从文件系统打开它，同样的标记工作正常，并且大约一周前它在websphere appserver 7.0上的portlet中工作。 我在服务器端所做的就是为mp4，ogv等添加视频mime类型......除此之外我不知道出了什么问题。

我错过了服务器上的一些设置吗？ 或者如果是远程请求的问题，您如何在websphere上解决这个问题？

我的代码是这样的：

我启动视频并设置循环属性，如下所示：

var $video = ...

if($video && $video.canPlayType) {

$video.play();

$video.loop = 1;

}

提前感谢您的回答！

I'm having the same issue as described in this post:

So basically my videos won't loop (and cannot be seeked ) in chrome. The same markup works fine when i host my page on an apache server and even if i open it from the file system, and about a week ago it worked in a portlet over websphere appserver 7.0. All i have done on server side was adding video mime types for mp4, ogv, etc... other than that i have no idea what could have gone wrong.

Am i missing some settings on the server? Or if it is the issue with the ranged requests, how do you resolve that on websphere?

My code is like this:

I start the video and set the loop attribute like this:

var $video = ...

if($video && $video.canPlayType) {

$video.play();

$video.loop = 1;

}

Thanks in advance for any answer!

原文：https://stackoverflow.com/questions/16193290

更新时间：2020-09-10 19:09

最满意答案

你试过做HTML5循环标记吗？

编辑：要从JavaScript中工作，请执行以下操作。

var video = document.createElement('video'); //To create the video element.

video.loop = true;

Have you tried doing the HTML5 loop tag?

EDIT: To get this to work from JavaScript do the following.

var video = document.createElement('video'); //To create the video element.

video.loop = true;

相关问答

http://jsfiddle.net/Ykmya/8/ 这是一个简单的解决方法，我只是使用webkit过滤器来提高亮度。 我将它绘制到画布上，然后过滤像素，这应该更平滑，但我无法通过跨域访问您的视频。 相反，我只是使用CSS风格 video{

-webkit-filter: brightness(108.5%);

}

编辑：这已被固定在我相信的最新版本的Chrome上。 http://jsfiddle.net/Ykmya/8/ Here's a simple fix, I simp

...

啊，我刚刚陷入了这个确切的问题。 事实证明，如果视频文件由理解部分内容请求的服务器提供，则Chrome上的元素中的循环(或任何形式的搜索)都将起作用。 即服务器需要遵守包含“Range”标头的请求，其中包含206“部分内容”响应。 如果视频足够小以完全缓冲Chrome，并且不会进行更多的服务器端访问，那么这种情况就是这样：如果您的服务器第一次没有兑现chrome的Range请求，则视频不会是循环的或可寻找的。 所以是的，GridFS的一个问题，尽管可以说Chrome应该更宽容。 Ah

...

在尝试优化视频大小时，我找到了Handbrake ，一个视频编辑软件。 用这个软件优化我的视频大小后，它从1.4MB变为272KB，神奇地消失了。 所以，它毕竟是关于视频编码或与之相关的东西。 对于那些从谷歌来到这里并且已经在其他堆栈问题中尝试过针对此问题的解决方法的人，尝试使用Handbrake优化您的视频，我希望您的“口吃”消失。 When trying to optimize my video size, I found Handbrake, a video editor software.

...

这可能是相关的。 http://code.google.com/p/chromium/issues/detail?id=72985 虽然该错误适用于包含许多视频的网页，但我发现Chrome 9在包含一个视频的网页上具有相同的行为。 Chrome 10 beta没有出现这种行为，删除preload属性似乎也解决了这个问题。 This may be related. http://code.google.com/p/chromium/issues/detail?id=72985 Although th

...

道歉我的问题在https://stackoverflow.com/a/13585801/1454869中得到解答 - 我错过了一个控件元素。 Apologies my question was answered in https://stackoverflow.com/a/13585801/1454869 - I was missing a controls element.

你的测试页面不再有效，所以我不能检查这个，但是我发现如果标签启用了循环(例如， )，那么“结束”事件不会触发在Chrome或IE中(我没有在Firefox中测试过)。 一旦我删除了循环属性，在两个浏览器中都会触发“已结束”事件。 HTML(带循环属性，这将阻止“结束”事件形式发射)： 如果您希望“结束”事件触发，请移除循环属性...

...

解决了！ 视频没有读取权限。 Solved! Videos did not have read access.

我发现这个问题与Handbrake中的编码有关。 我重新编码了视频并确保检查“Web优化”选项，并且在Safari中查看时，新视频不再具有一个或两个背景帧。 I have found that the issue was related to encoding in Handbrake. I reencoded the video and made sure to check the "Web optimised" option and the new video no longer has th

...

在我看来，第一个标签具有格式错误的类型属性：

应该是type="video/ogg; codecs='theora, vorbis'"如果我没记错的话。 也可以尝试type =“video / ogg”。 Looks to me like the first

...

你试过做HTML5循环标记吗？

编辑：要从JavaScript中工作，请执行以下操作。 var video = document.createElement('video'); //To create the video element.

video.loop = true;

Have you tried doing the

...