Tag: video

滚动时，HTML5和JavaScript会暂停所有video

我跟着HTML5和Javascript播放video只有在可见时 – 它在第一个video上运行得很好，但是我的网站上的第二个video也暂停了，当第一个是第一个video时播放（当滚动所有video时）到顶部的方式）。 第二个video只应播放，当它滚动到并以0.1的一小部分可见时（就像在第一个video上一样）。 我的HTML： bgvideo … bgvideo 这是我的JS： var videos = document.getElementsByTagName(“video”), fraction = 0.1; function checkScroll() { for(var i = 0; i fraction) { video.play(); } else { video.pause(); } } } window.addEventListener(‘scroll’, checkScroll, true); window.addEventListener(‘resize’, checkScroll, false); 所以看起来所有video（因为getElementByTagName）只是在滚动到顶部时播放。 我想在video的0.1分之一可见时播放video。 希望这是有道理的。 谢谢 ：）

jQuery克隆和删除div不会添加div

我找到了一段帮助我解决原始问题的代码：我有一段标签内容，其中一些内容中包含video。 播放video时，选择另一个选项卡，video将继续在后台播放。 常见问题我猜:) 无论如何，我发现一些似乎有用的代码，但显然我做错了。 这是代码： // stop video playback when div is hidden $(‘.contextual-help-tabs li’).click(function() { var test = $(‘.contextual-help-tabs-wrap div.active’).attr(‘id’); // gets previously active div ID var clone = $(‘#’+test).clone(true); // clones the previously active div $(‘#’+test).remove(); // removes the previously active div $(‘#’+test+’-holder’).html(clone); // puts it back like new }); 问题是： test确实会返回正确的div。 它抓取先前在当前和活动之前打开的选项卡的div […]

这个暂停vimeo嵌入代码在我的滑块脚本中的位置是什么？

我正在使用coda滑块将一些嵌入的Vimeovideo滑入视图，现在我需要在点击另一张幻灯片的链接时暂停每个video。 我使用iframe嵌入video，发现这个代码可以解决这个问题： http ： //jsfiddle.net/ASa2K/4/ 我的代码是不同的，我只是不知道下面的暂停脚本在我的Coda滑块JS文件中的位置： $(“iframe”).each(function() { this.contentWindow.postMessage(‘{ “method”: “pause” }’, “http://player.vimeo.com”); }); 我也知道，从上面的post中，我需要在嵌入代码中输入以下代码才能正常工作： api=1 有人可以帮忙吗？ 我对JS毫无用处。 这是我的滑块的JSFiddle： http ： //jsfiddle.net/qcJZY/

AJAX：JWT auth通过src进行video加载

我要求来自需要JWT网络令牌的API的video： // when the ajax call is done (the tolken is recieved ) getAccessToken.done(function(data) { var d = JSON.stringify({‘fpath’: fpath}) // get the download url var downloadurl = $.ajax({ type: “POST”, url: “https://gcp.inbcu.com/download”, beforeSend: function(xhr){ xhr.setRequestHeader(“Authorization”, “JWT ” + data.access_token); }, contentType: ‘application/json’, data: d, success: function(response){ $(‘#video-source’).attr(‘src’, response.url) $(‘#myvideo’).load() }, error:function(jqXHR, textStatus, errorThrown) { […]

video，flash或…适用于HTML的video

我不是HTML，CSS，JS或PHP的新手，我已经做了差异。 网页，但每当我从YouTube或其他外部网站收录video时，我总是使用iframe或嵌入代码。 所以，今天我开始创建自己的个人页面，我想知道如何插入自己的video。 我有两个不同的网络主机，一个用于上传video，另一个用于网页。 所以流（我是否正确？）来自主机＃1，主机＃2来自主页＃1。 我甚至不知道如何格式化或转换videompeg，avi到flv在线（用我自己的页面），但这不是我发这篇文章的原因。 我需要将它们转换为flv，将video放在我的页面上吗？ 转换后的video质量如何（质量下降）？ 如何制作自己的在线video播放器？

HTML5video控件（静音按钮）

$(“.sound”).click(function() { if ($(“.intro-movie”).prop(‘muted’, true)) { $(“.intro-movie”).prop(‘muted’, true); $(“.sound”).addClass(“muted”); } else { $(“.intro-movie”).prop(‘muted’, false); $(“.sound”).removeClass(“muted”); } }); 点击时，尝试获取声音图标“.sound”以使html5video“.intro-movie”静音或取消静音。

video通过javascript隐藏但已经开始播放（自动播放模式），即使它不可见？

我想找到一种简单的方法，通过隐藏它们并在点击预览图像后立即显示我的博客中的video来获取自定义预览图像。 用户Dominic Green帮助我开始使用以下代码。 问题是：在页面加载后，video已经在自动播放模式下开始播放（即使它已隐藏），但我希望在点击预览图像后立即启动自动播放… 这是我的代码： $(window).load(function(){ $(“.video”).hide(); $(“.loader”).click(function(){ $(this).hide(); $(this).parent().find(“.video”).show(); }); }); #container .post .postimg img{ width:100%; height:auto; } #container .post .postvideo{ position:relative; display:block; width:100%; height:430px; background-color:#0F3; } #container .post .postvideo .con{ position:absolute; top:0; left:0; height:100%; width:100%; z-index:1; } #container .post .postvideo .video{ background-color:#C00; } #container .post .postvideo .video iframe{ width:100%; height:100%; } #container .post […]

JW Player在Firefox和IE9中无法正常工作

我在使用JW Player与Firefox和IE9正常工作时遇到了问题。 http://jsfiddle.net/2rzyB/ 问题是玩家应该出现在哪里我在Firefox中看不到任何东西。 在IE中我看到一个非常搞砸的大小。 它适用于所有其他浏览器。

html5video – 让整个video在Android上可点击播放？

我已将html5video添加到我的移动网络应用中，目前为了播放此video，用户必须点击video左下方的小播放图标。 是否可以设置video，以便用户点击它播放的任何部分？ 在Android 2.3.3上进行测试，在iOS上整个video似乎是可点击的 我目前的代码： 谢谢

WordPress小部件开发 – 未定义索引和其他问题

我正试图从头开发我的第一个wordpress主题。 它包括一个小部件，它基本上应该在相应的侧边栏中显示video，一旦它在视野中就开始播放。 我使用jquery.inview.js来检查video是否是video。 小部件应该为video链接提供一些选项。 我想它远离最佳实践和干净的代码，但任何帮助都在这里赞赏： 当我第一次添加小部件时，我得到一个undefined index错误，对于这两个复选框。 它在第一次保存后消失了。 我在这里想念的是什么？ 如何实现 正确显示复选框状态。 这是一个非常普遍的问题，但我被困在这里。 最后，我想从媒体库中获取video，并想知道最好的方法。 我试图在wordpress参考中实现这个例子，但我也有点迷失了。 非常感谢，C。 PHP esc_html__( ‘Mediaplay with autoplay and overlay’, ‘text_domain’ ), ) ); } /** * Front-end display of widget. * * @see WP_Widget::widget() * * @param array $args Widget arguments. * @param array $instance Saved values from database. */ public function […]