程序设计 html5-video

6

我需要HTML5视频才能从某个位置开始。假设从50秒开始。我试过了，但是没有按预期工作。我做错了什么吗？这是代码： <video id="vid1" width="640" height="360"> <source src="file.webm" type="video/webm" /> Your browser does not support the video tag. </video> <script> document.getElementById('vid1').currentTime = 50; </script> 页面加载时，它只是从头开始播放。但是，如果我在播放过程中（如一段时间后）称呼它，则效果很好。我有什么想念的吗？

90 javascript html5-video

3

播放带有HTML5视频标签的本地（硬盘）视频文件吗？

我要实现以下目标。 <video src="file:///Users/username/folder/video.webm"> </video> 目的是使用户能够从他/她的硬盘驱动器中选择文件。不上传的原因当然是传输成本和存储配额。没有理由保存文件。可能吗？

89 html video html5-video offline

5

如何判断当前是否正在播放<video>元素？

我看到的MediaElement接口公开属性，如paused，seeking和ended。但是，列表中缺少playing。我知道有playing事件，火灾，当一个元素开始演奏，timeupdate活动活动，同时定期播放，但是我正在寻找一种方法来确定视频是否正在播放现在。有一种简单的方法可以确定这一点吗？我最接近的是： !(video.paused || video.ended || video.seeking || video.readyState < video.HAVE_FUTURE_DATA)

82 javascript html5-video

8

HTML5直播

对于学校，我需要设置一个HTML5实时流网站。他们有一个一直在使用的Flash Player，但现在他们希望它改用HTML5。我怎样才能做到这一点？我尝试使用视频标签，但无法正常运行。下面是我的代码。有人可以指出我正确的方向吗？ <!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Deltion Live Streaming</title> <script language="javascript" type="text/javascript" src="../swfobject.js"></script> </head> <body> <video id="movie" width="460" height="306" preload autoplay> <source src="rtmp://fl2.sz.xlcdn.com:80/sz=Deltion_College=lb1" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>  </video> </body> </html>

76 html video-streaming html5-video

16

检测是否正在播放HTML5视频元素

我已经浏览了几个问题，以确定是否正在播放HTML5元素，但找不到答案。我看过W3文档，它有一个名为“播放”的事件，但是我似乎无法使其正常工作。这是我当前的代码： var stream = document.getElementsByTagName('video'); function pauseStream() { if (stream.playing) { for (var i = 0; i < stream.length; i++) { stream[i].pause(); $("body > header").addClass("paused_note"); $(".paused_note").text("Stream Paused"); $('.paused_note').css("opacity", "1"); } } }

74 javascript html video html5-video dom-events

8

HTML5视频不会循环播放

我有一个视频作为网页的背景，并且我试图使其循环播放。这是代码： <video autoplay='true' loop='true' muted='true'> <source src='/admin/wallpapers/linked/4ebc66e899727777b400003c' type='video/mp4'></source> </video> 即使我告诉视频循环播放，也不会。我还尝试使其与onended属性循环（根据此Mozilla支持线程，我也尝试了jQuery的那一部分）。到目前为止没有任何工作。Chrome或我的代码有问题吗？编辑：我检查了网络事件和工作副本（http://fhsclock-labs.heroku.com/no-violence）的HEAD与我尝试工作的应用程序。不同之处在于工作副本从Heroku上的静态资产（显然是通过Varnish）提供视频，而我的副本则由GridFS（MongoDB）提供。 Chrome浏览器的检查器的“网络”标签显示，在我的应用程序中，视频被请求了3次。状态一次为“待定”，第二次为“取消”，最后一次为200 OK。工作副本仅显示两个请求，一个状态为待处理，另一个为206部分内容。但是，视频播放一次后，该请求将更改为“已取消”，并再次请求该视频。在我的应用程序中，这不会发生。至于类型，在我的应用程序中，两个是“ undefined”，另一个是“ video / mp4”（应该是）。在工作的应用中，所有请求均为“ video / mp4”。另外，我Resource interpreted as Other but transferred with MIME type undefined.在控制台中收到警告。我不太确定从哪里开始。我认为该问题是服务器端的，因为将文件作为静态资产服务可以正常工作。可能是服务器未发送正确的内容类型。GridFS可能是一个问题。我不知道。无论如何，来源在这里。您可以提供的任何见解都将受到赞赏。

73 google-chrome mime-types html5-video rack gridfs

Questions tagged «html5-video»