Tag: html5 video

HTML5video播放/暂停问题: 我正在尝试构建一个非常简单的HTML5video播放器： HTML 打字稿 $(document).ready(function () { if ($(‘#format-video’).length > 0) { var video = document.getElementById(‘format-video’); video.oncanplaythrough = function () { $(‘.video-run’).fadeIn(200); $(‘.video-run’).click(function () { $(“.video .background”).fadeOut(200); $(‘.video-run’).fadeOut(200); $(‘.video-play-pause’).fadeIn(200); $(‘.video-play-pause’).on(‘click’,function () { if (video.paused) { video.play(); } else { video.pause(); } }) video.play(); }); } }); 因此，当video可以“播放”时，一个大的“播放”按钮会淡入，当渐渐消失时，一个小的暂停/播放会消失。如果我单击按钮播放/暂停，暂停工作，但如果我再次单击它，它只播放几秒钟并冻结或没有任何反应。我正在测试Chrome 40.0.2214.91米。我尝试按照建议设置preload =“none”： HTML5video控件 – 暂停后只能在chrome中播放，但没有成功。不确定是否有解决方案。

未捕获错误：INVALID_STATE_ERR：带有webkitEnterFullScreen的DOMexception11: $(document).ready(function(){ var url = ‘video.mp4’ var video = $(document.createElement(‘video’)) video.attr(“width”, 300); video.attr(“height”, 150); video.attr(“src”, url); video.attr(“controls”, true); video.attr(“id”, “video”); video[0].addEventListener(“play”, function() { }, false); video[0].play(); video[0].webkitEnterFullScreen(); $(‘body’).append(video); }) 未捕获的错误：INVALID_STATE_ERR：DOMexception11 我究竟做错了什么？

如何使自定义video播放器适用于多个video？: 我的页面上有多个HTMLvideo，并希望将这个自定义video播放器应用于它们。问题是，这仅适用于第一个video，而不适用于第二个，第三个和第四个video。我不知道从哪里开始。我做了一个当前状态的小提琴： JSFiddle 我的Javascript /* Get Our Elements */ const player = document.querySelector(‘.player’); const video = player.querySelector(‘.viewer’); const progress = player.querySelector(‘.progress’); const progressBar = player.querySelector(‘.progress__filled’); const toggle = player.querySelector(‘.toggle’); const skipButtons = player.querySelectorAll(‘[data-skip]’); const ranges = player.querySelectorAll(‘.player__slider’); /* Build out functions */ function togglePlay() { const method = video.paused ? ‘play’ : ‘pause’; […]

请求全屏HTML5videoonPlay: 当用户点击元素上的播放按钮时，我正在使用以下代码触发全屏： var video = $(“#video”); video.on(‘play’, function(e){ if (video.requestFullscreen) { video.requestFullscreen(); } else if (video.mozRequestFullScreen) { video.mozRequestFullScreen(); } else if (video.webkitRequestFullscreen) { video.webkitRequestFullscreen(); } }); 但是当我点击播放按钮时没有任何反应。任何想法都是为什么？编辑：这是我的HTML代码： <source src='/inc/pilot.mp4′ type=”video/mp4″> <source src='/inc/pilot.ogv’ type=”video/ogg”> <source src='/inc/pilot.webm’ type=”video/webm”>

从html5 标记添加或删除控件属性: 我正在寻找一种方法，根据用户代理字符串将controls属性添加到video标记。我不希望在Ipad和Android之外的任何浏览器或设备上都存在controls属性。所以我认为用户代理是最好的识别方式，因为ipad和android这两个词存在于各自的UA头中。实现目标的最佳方法是什么？我试过这个没有运气： var myVideo = document.getElementById(“myVideo”); var agent = navigator.userAgent.toLowerCase(); var addAttr = (agent.indexOf(‘ipad’)!=-1) || agent.indexOf(‘android’)!=-1); if (addAttr) { myVideo.setAttribute(“controls”,”controls”); } else { document.write(“”); } 这是我的html5video内容任何帮助，将不胜感激！

作为背景的录影在使用在命令的网站上: 我一直在尝试将video设置为背景，我有flv文件和youtube-link。使用html5video标签或jquery将它放在我的网站上并不困难，但我找不到如何将它放在我的网站上但不能自动启动。我有一个半透明的矩形文本将会过来。所以我的想法是创建一个按钮或链接，让文本和矩形消失，让video播放。有没有人知道一个好的插件或脚本来做到这一点，或者有人可以碰到正确的方向。格尔茨

html5-video by button $（…）。play不是一个函数: 我尝试通过按钮一个接一个地播放video，或者在video结束时自动播放video。通过这段代码： //automatically play $(“#videoPlayer”).bind(‘ended’, function() { if(cnt <= 10 && bNum == 0) cnt++; $('#videoPlayer').attr('poster','./media/spot'+cnt+'.jpg').html('’); $(‘#video-title’).html(‘Spot ‘+cnt); if(cnt = 10) $(‘.link1’).remove(); }); //Play by the button $(‘.link1’).on(‘click’, function() { if(cnt < 10 && bNum == 0) cnt++; $(this).attr('rel', cnt).attr('title', 'Spot '+cnt); $('#videoPlayer').attr('poster','./media/spot'+cnt+'.jpg').html('’); $(‘#video-title’).html(‘Spot ‘+cnt); if(cnt >= 10) $(‘.link1’).remove(); if(cnt <= 10) { if($('#videoPlayer').load()) $('#videoPlayer').play(); […]

在html5video结束时执行function: 我有一个HTMLvideo，我想在video结束时运行一个function。我尝试了以下但我什么都没得到： $(document).ready(function(){ $(‘video’).live(‘ended’,function(){ alert(‘video ended’); }); }); 任何想法为什么这不会在video结束时触发？或者我没有提供足够的信息来回答这里的任何问题？注意：我使用live（）函数而不是on（）因为需要jQuery 1.7和这个项目。

如果使用jquery，如何在html5中显示分钟和秒的CurrentTime ？: 我希望在显示CurrentTime分钟和第二个video时看到。 var id = $(‘#main_video_player’); alert(id.get(0).currentTime); //worked i see ‘12.324543356’ var minnow=id.get(0).currentTime.split(‘.’)[0]; alert(minnow); //not worked var secnow=id.get(0).currentTime.split(‘.’)[1].substr(‘0′,’1’); alert(secnow); //not worked 谢谢大家的帮助=） show seconds的正确代码： alert(time.toString().split(‘.’)[0]); 代码显示以小时，分钟为单位显示正确的时间： var id = $(‘#video’); timenow=id.get(0).currentTime; if (parseInt(timenow)/60>=1) { var h = Math.floor(timenow / 3600); timenow = timenow – h * 3600; var m = Math.floor(timenow / 60); var s = […]

在IFRAME内部，jPlayer全屏？: 在IFRAME标签内可以使jPlayer的全屏工作吗？因此，“全屏”受iframe大小的限制。编辑：以下是我在IFRAME插入jPlayer的方法：其中videotut.html包含一个包含jPlayer的完整HTML页面，如果独立加载则可以正常工作。使用document.getElementById(‘movieContainer’).innerHTML = ‘…等代码修改object标签document.getElementById(‘movieContainer’).innerHTML = ‘… 另请参阅： https ： //groups.google.com/forum/#!topic/jplayer/IQxIIYhtAnE （PS如果您想帮助我为jPlayer提供多video设计，请在此处执行此操作： jPlayer多video演示代码？）