Vanilla JS:在模态中自动播放视频

文章/答案/技术大牛

发布

1回答

javascript、html、iframe、modal-dialog、youtube-api

在vanilla JS中有没有在弹出模式中实现视频自动播放的功能呢？这有可能吗？我在iframe中有自动播放元素(我认为它在YT的嵌入式链接中是标准的)，但当模式弹出时，我仍然必须单击play。此外，当您按下播放，然后关闭模式，视频仍然播放。除了刷新之外，我还没有找到一种方法来阻止它(我猜这是因为从技术上讲，模式总是在页面上，而我只是隐藏了它)。我不确定我是否需要更多的信息，除了

浏览 14提问于2020-11-18得票数 0

1回答

在Safari 11中自动播放iframe YouTube视频

javascript、youtube、youtube-api

我有一个简单的模态对话框： Safari有新的自动播放策略，需要明确的单击和视频元素才能开始播放：。有什么方法可以使它自动播放动态添加的YouTube (或Vimeo) iframe？

浏览 1提问于2018-07-09得票数 0

1回答

React -通过点击事件在移动设备上自动播放视频

javascript、reactjs、youtube、youtube-api、youtube-javascript-api

我用它来加载视频iframe {this.state.modalVisible ?_onReady} /></div> : null} 这很棒，因为它只会在需要的时候加载视频，而不是传统的模式，其中的视频已经加载到页面加载中，然后在需要时显示块来显示模式。然而，在移动视频上不能自动播放()，所以使

浏览 1提问于2017-10-17得票数 1

1回答

以HTML、JS、video.js格式自动播放视频

javascript、html、video、video.js

我有一个问题与HTML中的声音视频自动播放。我也在使用video.js。问题是，当视频上的声音没有静音时，我无法使视频自动播放。但我有一个例子，我将在最后链接，其中视频自动播放与声音一起工作。commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" type="video&#

浏览 57提问于2020-07-13得票数 0

3回答

如何在自动播放时取消静音wordpress fvplayer视频

wordpress

我正在使用fvplayer插件在我的wordpress站点上显示视频。我已经上传了一个视频，但它在“静音”状态下显示。我想要播放"UNMUTE"，我该怎么做？请分享一些解决方案。

浏览 66提问于2019-01-14得票数 0

回答已采纳

4回答

bootstrap youtube视频模式自动播放

javascript、jquery、html、twitter-bootstrap

当网页打开时，所有视频在5秒后自动开始在后台播放，即甚至在单击图像之前就能听到音频。我如何才能阻止这种情况的发生，视频必须在按钮单击并关闭时打开。这些视频必须工作，只有在按钮点击和关闭。

浏览 4提问于2016-04-06得票数 1

1回答

数据-自动播放并不总是在jQueryfullPage.js中工作

javascript、html、fullpage.js

我正在用jQueryfullPage.js开发一个html页面，在这个页面中，我集成了17个不同部分的17个视频，这些都是带有数据-自动播放属性的youtube。一切都很好，只有当我们打开(视口)包含视频的部分时，视频才会播放，除了在页面加载时视频是自动播放的特定部分，即使我们不在包含此视频的部分。有3/17的视频是自动播放，但其余的工作正常。有什么帮助吗？

浏览 4提问于2017-03-08得票数 0

9回答

如何禁用YouTube上的自动播放？

youtube

当我去看YouTube视频时，视频会自动启动，我讨厌这一点。如何禁用自动播放功能？

浏览 0提问于2012-06-23得票数 22

1回答

在玻璃上自动播放YouTube视频的最佳方式是什么？

youtube、google-glass

我需要一种方式，自动播放YouTube视频在我的谷歌眼镜。我尝试了Youtube JS，但是在.playVideo()之后视频没有播放，它只显示了一个黑色屏幕。我尝试将视频嵌入自动播放功能，但它不自动播放。我可以播放嵌入式视频，只有当我点击播放按钮自己。有一个简单的方法(自动)播放youtube视频全屏吗？

浏览 4提问于2014-11-13得票数 0

回答已采纳

2回答

HTML5视频自动播放不使用slick.js

google-chrome、safari、html5-video、autoplay、slick.js

重新措辞这个问题自动播放在光滑的容器外运行良好。$this.removeClass($animationType); });}); 原始问题：，我不能得到一个西佩尔HTML5视频自动播放在火狐中，每件事都很有趣。控件正常工作，但自动播放

浏览 0提问于2016-03-29得票数 1

4回答

HTML 5视频元素在模式中如何定位自动播放属性

javascript、jquery、html、video

我有一个HTML 5视频元素在一个模态窗口。现在，我需要一个检查，如果模式被打开，视频元素有自动播放，然后播放视频。如果视频没有自动播放属性，那么就不要播放视频。</video> 因此，它需要针对autoplay，它不能使用视频中的ID字段，它应该针对id: popup1中的视频元素，参见代码！

浏览 1提问于2016-05-24得票数 1

回答已采纳

12回答

HTML嵌入autoplay="false"，但仍然自动播放。

html、audio

在的头版上，有一篇题为“全国广播广告运动ForACURE”的贴子，其中包含以下内容：但是，当我

浏览 11提问于2013-11-29得票数 19

回答已采纳

1回答

Safari 11.0的视频背景

php、wordpress、safari、mp4、blocking

我目前在Safari中播放的任何背景视频都有问题。下面是一些链接。它显示了黑色背景，不显示我们为某些帖子准备的背景视频。我有他们都设置在我们的WordPress网站的后端自定义帖子类型使用WCK插件，并创建了我们的视频自定义字段创建器。为了将它们打印出来，我将它们设置在单个赞助的post PHP文件中。(确保在Safari中获取错误) 有没有办法解决这个问题，因为它在Safari浏览器中只显示为

浏览 1提问于2018-03-23得票数 1

1回答

移动YouTube页面如何在iOS上自动播放视频？

javascript、jquery、ios、video、youtube

我试图让它理解，但经过两天的代码挖掘后，我想我会在这里发布我的问题……有人知道他们是怎么做到的吗？ PS。我已经检查了在iOS网站上自动播放视频的所有可用的JS

浏览 4提问于2013-10-07得票数 3

3回答

有没有办法在不改变整个浏览器设置的情况下阻止Facebook视频自动播放？

facebook

我听说Facebook去年推出了自动播放视频，但我现在才开始在我的新闻上看到这些视频。虽然他们最初没有声音播放，除非你点击音量图标，这仍然是一个主要的烦恼看到东西移动在我的新闻提要。

浏览 0提问于2014-02-02得票数 4

2回答

即使属性设置为" muted“，视频元素muted也会在Chrome中返回false

javascript、google-chrome、video、autoplay

我们注意到，由于新的Chrome66 ，视频被阻止自动播放。在Chrome开发工具中记录video.muted会返回false，但在Safari中记录true - Chrome会将视频视为未静音，即使该属性已显式设置？编辑:添加视频标签标记：<video preload="true" autoplay muted loop width="100" height="100" id="hero-vi

浏览 0提问于2018-05-09得票数 3

1回答

防止YouTube自动播放

youtube

在YouTube看完任何视频之后，它就会连到另一个视频上，甚至连问都不问。我怎么能删除它，这样一个视频就完成了，仅此而已？

浏览 0提问于2015-03-19得票数 0

回答已采纳

1回答

视频Js不是在移动浏览器中自动播放的。

video.js、mobile-browser

我正在尝试视频js为基础的播放器在我的网页。它在桌面浏览器和移动浏览器中运行得很好，而不是自动播放视频。我尝试了以下所有选项：var player = videojs('video-js', options, function onPlayerReady() {; // In this context, `this` is the player that was created

浏览 4提问于2017-04-02得票数 0

回答已采纳

1回答

FullPage JS中的多个视频自动播放不工作

javascript、jquery、html、video、fullpage.js

我已经在这里看到了许多答案，还有github (Alvaro很好地描述)在FullPage.js中启用视频自动播放afterRender: function () { $('video'

浏览 0提问于2015-05-05得票数 2

回答已采纳

3回答

Wistia背景视频

javascript、html、video、wistia

我正在尝试复制这个：在我的站点上，但是即使仅仅使用他们提供的基本演示，也会让我陷入麻烦。如果我只是从那个页面下载示例并打开视频，它就能正常工作，但如果我做的任何事情看起来像用前景视频交换背景视频一样简单，它就会中断，更不用说用我自己的视频代替那些视频了(这就是我的最终目标)。在javascript中替换它：overlayVideoDiv: '#wistia_fji9

浏览 3提问于2015-08-05得票数 1

回答已采纳

点击加载更多