Tag: video

将PHP变量传递给jQuery函数

我正在尝试为我的网站实现jQuery Flare Video Plugin ..有一个下拉菜单，用户必须选择一年，当点击提交按钮时，video将显示在屏幕上。 我有一个数据库，可以从数据库中获取video的路径，即$row[‘videoName’] 。 我的问题是如何在jQuery函数中传递PHP变量。在插件中给出的示例中，在jQuery函数的src属性中给出了video的完整路径。 我试图通过将PHP变量传递给它来使src动态化。 我没有收到任何错误，包含video的div出现在屏幕上，但video没有显示。 谢谢。 jQuery(function($){ fv = $(“#video”).flareVideo(); fv.load([ { src: ‘$row[‘videoName’]’, type: ‘video/mp4’ } ]); })

html5video预载

是否可以预加载htmlvideo？ 注意：标签将在以后动态创建。 目前，我可以通过创建隐藏的div并将所有图像放在那里来对图像执行此操作。 然后，当我稍后创建需要时，不需要重新加载图像。 当使用video标记完成此操作时，浏览器仍会在创建元素时从头开始加载video。 我看到了这个： https ： //github.com/jussi-kalliokoski/html5Preloader.js ，但它似乎不适用于video。 任何想法，将不胜感激！

在用户点击中通过jQuery加载YouTubevideo的最有效方法是什么？

我正在尝试确定使用jQuery将video加载到用户点击的最有效方法。 为了给出更多背景信息，我将在YouTube上有大约30个片段，每个片段在30-60秒之间，我想在用户浏览主题时动态将它们加载到页面右侧的div中左侧的潜在video剪辑。 现在，我已经设置了这个HTML和jQuery。 它有效，但我很好奇是否有更好的方法： The importance of demonstrating intellectual curiosity John K: Summer Consultant, BCG Discussion on how curiousity is important to show in interviews because it leads to better answers on the job video 和jQuery： $(‘#johnk’).click( function(){ $(‘#video_container’).html(‘<iframe width="425" height="349" src="http://www.youtube.com/embed/bMvRdr-mUOU?rel=0" frameborder="0" allowfullscreen ‘); }) 为了减少每个video的手动编码.click（）我正在考虑创建一个具有ids-> embed代码的关联数组。 有没有更好的方法来更有效地完成相同的function？ 提前感谢您的任何见解！

移动video背景鼠标滚动

你看过Katy Perry的网站吗？ 这很棒（我很认真，没有垃圾邮件）！ 它有一个移动的背景video，我无法弄清楚他们实现它的方式。 这是主页： Home 当你开始向下滚动时，背景图像（实际上是video）开始播放。 我设法弄清楚这是video本身， http://www.katyperry.com/wp-content/themes/katyperry-2/library/video/KATY_BG_21.mp4 并且垂直滚动会移动video滑块。 我似乎无法弄清楚他们是如何做到这一点的，这让我很生气（花了很多时间试图逆向工程） 有任何想法吗？ 你以前做过/看过这样的事吗？ 在此先感谢，Zsolt

没有控件的iPad html5video？

这一整天都在扼杀我，但我不知道如何在没有原生控件的情况下让html5video播放器工作。 我想要没有任何控件，但是如果我不包含它们，那么video似乎不想播放，即使我在下面添加一些javascript试图强制它播放，它适用于iPhone和多个浏览器，但不是iPad这是奇怪的，任何想法？ 如果它有帮助，这里有一些标记！ $(‘#video’).click(function(){ document.getElementById(‘video’).play(); });

如何在模态中的HTML 5video元素中定位自动播放属性

我在模态窗口中有一个HTML 5video元素。 现在我需要检查是否打开了模态并且video元素具有自动播放然后播放video。 如果video没有属性自动播放，则不播放video。 有关完整代码，请查看上面的Codepen。 Your browser does not support HTML5 video. 所以它需要以autoplay为目标，它不能使用video中的ID字段，它应该以id: popup1的video元素为目标，参见Codepen！ $(document).ready(function(){ $(‘a[data-modal-id]’).click(function(e) { e.preventDefault(); if ($(‘.modal-box.opened’).find(‘video’).attr(autoplay) == true) { console.log(‘CLICK: ModalBox if Video Autoplay is true.’); } }); }); 问题出在上面的代码。 现在我知道这只给了我一个仅供测试的日志。 此代码提供错误：Uncaught ReferenceError：未定义自动播放 提前感谢您的帮助。

Youtubevideo播放和暂停取决于jquery框架的可见性

首先，我要感谢Kosmos的惊人答案 。 如何控制youtubevideo播放和暂停取决于框架或播放器的可见性。 有没有办法用youtube嵌入带有HTML标签的video？ 例如 ： Tab One Tab Two Tab Three Tab Four Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in […]

Javascript将多个元素移动到单独的div和back

有3个video，放在3个独立的div中。 还有3个单独的div，但在页面的其他位置（比如contA和contB和contC）。 我希望如果我点击video1，那么video2和video3会转到contA和contB，而video1会转到contC。 如果我再次点击video1，所有video都会回到原来的位置。 如果我点击video2（在contA中），则video1进入contA，video3进入contB，video2进入contC。 我准备了一个jsbin演示： Jsbin DEMO 有人可以帮忙吗？ 不胜感激！ 编辑:(根据要求添加了代码） HTML： HTML5 Video is required for this example. HTML5 Video is required for this example. HTML5 Video is required for this example. first container second container third container JavaScript的： $(window).load(function() { //add event for all videos $(‘.videos’).click(videoClicked); function videoClicked(e) { //get a referance to […]

当一个人启动时，如何在页面上暂停所有播放的VideoJS实例？

我现在想出了这个解决方案： var myPlayer1 = _V_(“ID1”); var myPlayer2 = _V_(“ID2”); … … var myFunc1 = function(){ var myPlayer1 = this; myPlayer2.pause(); myPlayer3.pause(); myPlayer4.pause(); … }; myPlayer1.on(“play”, myFunc1); var myFunc2 = function(){ var myPlayer2 = this; myPlayer1.pause(); myPlayer3.pause(); myPlayer4.pause(); … }; myPlayer2.on(“play”, myFunc2); … 还有其他理智的方法吗？ 谢谢。

在AJAX页面加载后播放的HTML5video

当我通过AJAX请求到达页面时，我很难获得HTML5video。 如果您刷新页面，或直接登陆页面，它可以正常工作。 但是当通过AJAX导航到页面时，它无法播放。 代码是： 我尝试在AJAX页面加载成功时触发以下代码： video = document.getElementById(‘video’); video.load(); video.addEventListener(‘loadeddata’, function() { video.play(); }, false); 还简单地说： video = document.getElementById(‘video’); video.play(); 我也尝试过使用像video.js这样的插件，但无济于事。 我不禁想到我错过了一些非常简单的事情。 当然，如果video在页面上并且具有自动播放设置，那么无论您是通过AJAX还是直接到达页面，它都应该播放？ 对页面的AJAX请求只更新#main元素（video在里面）和history.pushState – 这可能与它有什么关系吗？ 它似乎不太可能……