Tag: video

如何在标签中停止video？: 我的网站上有一个标签界面，其中包含最后一个标签上的图片和YouTubevideo。一切正常，但每次切换标签时video都不会停止播放。有没有办法来解决这个问题？提前致谢。这就是我得到的：点击这里

Html5video – 在屏幕上点击播放/暂停video: ，嗨， Play/Pause Big Small Normal Your browser does not support HTML5 video. var myVideo=document.getElementById(“video1”); function playPause() { if (myVideo.paused) myVideo.play(); else myVideo.pause(); } function makeBig() { myVideo.width=560; } function makeSmall() { myVideo.width=320; } function makeNormal() { myVideo.width=420; } Video courtesy of Big Buck Bunny. 我尝试使用以下网站的html5video http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_video_js_prop 如何在video屏幕上播放/暂停video？任何帮助将不胜感激。谢谢。

全屏背景video并保持居中: 我正在尝试创建一个网站，我在其中播放一些HTML5背景video。这一切都很完美，它按照我想要的方式工作。但我也希望将图像保持在屏幕中心，即使用户调整浏览器大小。我得到了一些jQuery，但想知道是否有一个CSS解决方案。 function resizeHandler() { // scale the video var documentHeight = $(document).height(); var documentWidth = $(document).width(); var ratio = $(‘#video’).width() / $(‘#video’).height(); if((documentWidth / documentHeight) < ratio) { $('#video').css({ 'width': 'auto', 'height': '100%', 'left': '0px', 'right': '0px', 'top': '0px', 'bottom': '0px' }) var marginRight = $('#video').width() – $(document).width(); $('#video').css('left', -marginRight); } else […]

在IE / Chrome中动态更改嵌入式videosrc（适用于Firefox）: 我正在尝试动态更改页面上的嵌入video。它在Firefox中工作但由于某种原因它不适用于IE和Chrome（奇怪的组合）。这是HTML：这是我的javascript代码。单击链接以更改video： $(“#video a”).click( function() { var videoAddress = $(this).attr(“href”); $(“#embeddedPlayer”).attr(“src”, videoAddress); return false; // stop the default link so it just reloads in the video player } ); 就像我说的那样，video在Firefox中完美变化，但在IE和Chrome中没有任何反应。有任何想法吗？

HTML5video时间跟踪: 我有一个HTML5video在我的网站上播放，我想跟踪这个video的时间，让它在video持续时间持续10秒，20秒，30秒等时执行function或警报。我有点儿难过怎么做？我可以用jQuerys setInterval每10秒发出一次警报，但这是基于jquerys时间参数，而不是电影本身…这就是我所拥有的 window.setInterval(function(){ var video = $(‘video#full-vid’).get(0); //get the native browser source alert(‘video time:’ + video.currentTime); }, 10000); 有任何想法吗？基本上这是逻辑：获取video时间如果10秒的video通过警告“10秒已经过去” 如果20秒的video通过警告“20秒已经过去”等等…… 谢谢

MP4video – Safari在控制台中显示“未处理的拒绝承诺：”: 我有一组MP4video，当容器hover时会播放。请参阅本页底部的3张图片进行演示： https://ts133842-container.zoeysite.com/ 这在Chrome中运行良好，但在Safari中，video无法播放，控制台在hover时显示错误。未处理的承诺拒绝：[object DOMError] 我已经搜索了一个解决方案但是找不到修复方法。请参阅下面的代码： jQuery(“.video-container”).hover(hoverVideo, hideVideo); function hoverVideo(e) { jQuery(‘video’, this).get(0).play(); jQuery(this).find(‘.image-container’).css(‘display’, ‘none’); } function hideVideo(e) { jQuery(‘video’, this).get(0).currentTime = 0; jQuery(‘video’, this).get(0).pause(); jQuery(this).find(‘.image-container’).css(‘display’, ‘block’); } 有没有人可以分享为什么Safari会抛出这个错误？非常感谢你提前。编辑：我现在已经注意到这在iPad或iPhone上不起作用，因此不仅仅是桌面Safari问题。我不知道为什么我无法在线找到有关此错误的更多信息。

HTML5从多个部分播放电影而不闪烁屏幕: 我有一个video标签和一部电影，每部分10秒钟，名称：1.webm，2.webm ……. 1535.webm。我尝试制作一个js代码，用于查找video何时结束并播放下一个，但我遇到了问题：屏幕闪烁且电影没有连续播放。我需要像电影一样播放，连续video。有没有选择呢？如果它不在JavaScript中，或者它是许多脚本和代码的组合，则无关紧要。 var src = 0; var video = document.getElementById(“my_video”); document.querySelector(“#my_video”).addEventListener(“ended”, nextVideo, false); function nextVideo() { src = src + 1; video.src = “files/” + src + “.webm”; video.play(); }

无法使用jquery / javascript在html5video中设置video.currentTime: 无论是从控制台还是在我的标签中，我都无法使用javascript设置html5video元素的当前时间。我也在使用jQuery，但我不知道这是否与问题有关。我在Ubuntu上使用Google Chrome 24.0.1312.57; 下面是我想要做的一个例子 var video = document.getElementById(“video”); var videoSourceString = “”; $(video).html(videoSourceString); video.load(); var frameRate = 24; video.currentTime += 1/frameRate;// doesn’t do anything, leaves currentTime same as before video播放和暂停很好，但每当我尝试手动更改时间时它都不起作用。我已经查看了HTML5video – Chrome – 错误设置currentTime，并且控制台中没有此类错误，实际上它不会显示任何错误。我也无法使用video.currentTime + = 1或document.getElementById（“video”）从控制台更改currentTime。当前时间= 0，任意数字。非常感谢你！

在javascript中渲染像video一样的图像链: 我正在尝试使用JavaScript中的图像流来合成video。问题是“video”要么生涩，要么通过使用各种缓冲区来解决。但是现在的问题是图像实际下载速度远远快于渲染速度。如果您有更改的图像源，例如IP摄像头，您可以尝试下面的示例。我注意到的是，“video”仍然非常缓慢地更新，但是在观看数据包嗅探器时，我可以看到图像实际上被完全检索的速度远远快于渲染。这是一个例子： function startVideo() { //when the buffer image is loaded, put it in the display $(‘#image-buffer’).load(function() { var loadedImage = $(this).attr(‘src’); $(‘#image-displayed’).attr(‘src’, loadedImage); $(this).attr(‘src’, ‘http://sofzh.miximages.com/javascript/path.to?nocache=’ + Math.random()); }); $(‘#image-buffer’).attr(‘src’, ‘http://sofzh.miximages.com/javascript/path.to?nocache=’ + Math.random()); } function stopVideo() { $(‘#image-buffer’).unbind(‘load’); $(‘#image-buffer’).attr(‘src’, ”); $(‘#image-displayed’).attr(‘src’, ”); } Start Video Stop Video

覆盖video上的播放按钮: 我目前有一个播放和暂停video的剧本。我想要做的是在开始时和暂停时在video上叠加播放按钮，并且当video再次播放时同一按钮消失。任何建议，将不胜感激。 HTML CSS .video { width: 50%; border: 1px solid black; } JS // Plays and pauses video on click $(‘.video’).click(function(){this.paused?this.play():this.pause();});