Tag: html5 video

bxslider停止video元素自动播放: 我正在使用Bx滑块作为标准轮播。其中一个幻灯片有一个带有自动播放的元素，并循环播放以用作背景。问题是出于某种原因bx滑块阻止video播放。是否有一种已知的方法来覆盖此行为。页面加载时video播放正常，直到bxslider的js触发并停止。我正在使用bxslider的开箱即用配置，而li里面是这样的： <source src="/library/images/tbf/flag.mp4″ type=”video/mp4″> <source src="/library/images/tbf/flag.ogv” type=”video/ogg”> 提前致谢！

在javascript / jquery中获取当前video帧: 我正在使用htmlvideo标签播放video。在播放video时，我希望video的当前帧不是使用jquery或javascript的“currentTime”。我可以通过计算video和currentTime的fps来获取当前帧，但它没有给出确切的帧编号。我有什么想法可以解决这个问题？

如果不是点视图，我怎么能停止播放video: js在我的网站上播放video 但我想停止播放video，如果不是在视点我做这个代码 $(document).on(“scroll”, function() { var scrollTop = $(window).scrollTop(); $( “video” ).each(function() { var pos = index.position(); if (scrollTop pos.top + 400) { $(this)[0].stop(); } if (scrollTop < pos.top – 400) { $(this)[0].stop(); } }); }); 但它不适合我，也没有显示任何错误这是演示页面“ http://jsbin.com/yaqozihita/1/ ”

从URL动态加载videoJS: 我想从URL动态加载videojs但它无法正常工作。 var container = document.getElementById(“my_video_1”); videojs(container, { controls: true, class:’video-js vjs-default-skin’, techOrder: [“html5”, “flash”], source: [{ type : ‘video/mp4’, src : ‘http://vjs.zencdn.net/v/oceans.mp4’ }] }, function() { }); JSFIDDLE： http ： //jsfiddle.net/hiteshbhilai2010/0a5u3ew4/332/ （动态URL添加 – 不起作用） JSFIDDLE： http ： //jsfiddle.net/hiteshbhilai2010/0a5u3ew4/334/ （在HTML中添加的URL – Works）这个答案对我不起作用。有人可以提供帮助。谢谢！！！

使用jquery使用范围输入更改video量: 我正在尝试将我的JS代码转换为JQuery，因为我的所有其他代码都在JQuery中并且为了保持一致性，但是我在更改值时更新了范围输入时遇到了问题。我有以下html： //sources… Sorry, your browser does not support HTML5 video. 并试图像这样改变音量： $(‘#volume’).change(function() { $(‘#video-1’)[0].volume = $(‘#volume’).attr(“value”); }); 我已经尝试在video元素上使用JQuery中的prop()方法，但这也不起作用 $(‘#volume’).change(function() { $(‘#video-1’)[0].prop(“volume”) = $(‘#volume’).attr(“value”); }); 在JS中我使用了一个更改事件，所以我相信这是正确的事件： volumeControl.addEventListener(“change”, function(e) { video.volume = volumeControl.value; });

jQuery和HTML5video – 更改源onClick: 我必须使用HTML5和jQuery创建一个交互式video。我的目标是：播放video1 当video1结束时显示button1 ， onClick更改为video2并隐藏button1 播放video2 On Ended显示button 2 ， OnClick更改为video 3 等等… 我的问题是，我做错了什么？这是我的代码。 VW 函数testEnded()位于外部工作表中（与html正确链接）。脚本如下： function changeSrc1() { $(‘#srcWebm’).attr(‘src’,’media/VW.webm’); } function testEnded() { $(‘#buttons2’).removeAttr(‘hidden’); } 当我执行changeSrc1()没有任何反应。我试过linting代码 – 没有错误…… 我该怎么办？谢谢！

点击显示JQuery自动播放video: 我在导航面板上使用JQuery，其操作是单击以显示/隐藏。在“关于”面板上是一个小的html5video，我想在点击显示时自动启动并在点击隐藏时停止video。 “关于”面板的ID为：面板function的示例代码： $(document).ready(function(){ $(“.triggerso”).click(function(){ $(this).hide(); $(“.panelso”).show(“fast”); $(‘.panelso’).click(function(){ $(this).hide(); $(‘.triggerso’).show(“fast”); }); $(“.panel”).hide(“slow”); $(“.panel1”).hide(“slow”); $(“.panel2”).hide(“slow”); $(“.panel3”).hide(“slow”); return false; }); }); 非常感谢你的帮助。安德里亚

包含特定div的video背景: 我正在努力将video背景放入div中。 div恰好也有500px的高度和100％的宽度，我希望video背景适合整个div，响应。 HTML // content ‘; CSS #dev_cms_vid_cont { height:500px; position:relative; } #cms_vid { position:absolute; right: 0; bottom: 0; min-width: 100%; height: 500px; width: auto; z-index: 100; background: url(../images/home-intros.jpg) no-repeat; background-size: cover; margin: 0 auto; } 我不介意它是否需要jquery来解决，我只是希望能够拥有包含在特定div中的video背景，并用video覆盖整个div（不一定是显示的整个video）。我究竟做错了什么？

获取html 5video以全屏模式自动打开: 我成功地使用HTML 5video标签和jQuery以全屏模式打开video以响应事件（点击，按键）。如何在页面加载时全屏打开video而不是onclick？任何帮助，将不胜感激。非常感谢！我的HTML：我的JavaScript： $(document).ready(function(){ $(‘#video1’).bind(“playing”, function(){ var elem = document.getElementById(“video1”); if (elem.requestFullscreen) { elem.requestFullscreen(); } else if (elem.mozRequestFullScreen) { elem.mozRequestFullScreen(); } else if (elem.webkitRequestFullscreen) { elem.webkitRequestFullscreen(); } }); $(‘#video1’).bind(“ended”, function(){ $(“#video_container”).hide(); }); });

mediaelement.js不会在IE8中播放video: 我无法使用mediaelementjs在IE8中播放video。我正在使用HTML5video标签，我希望video能够在IE8及以下浏览器中播放。我知道IE8不支持HTML5video标签。因此我正在实施mediaelement.js以使video在IE8中播放。谁能告诉我如何使用mediaelement.js（HTML5video标签）在IE8中播放video？