autoplay 相关问题

AutoPlay是Windows XP中引入的一项功能,可检查新发现的可移动媒体和设备,并根据图片,音乐或视频文件等内容启动适当的应用程序来播放或显示内容。

修复 HTML 自动播放问题。不适用于 JS 或应用静音属性时

我几个月来一直在尝试向我的网站添加背景音乐,它曾经可以使用 iframe 并嵌入 YouTube,但现在不再自动播放。 我早上一直在查这个问题...

回答 1 投票 0

即使使用静音属性,html 和 js 的自动播放也不起作用

我几个月来一直在尝试在我的网站上添加背景音乐广告,它曾经可以使用 iframe 并嵌入 YouTube,但现在不再自动播放了。 我整个早上都在查这个问题......

回答 1 投票 0

使用 Ruffle 自动播放嵌入的 swf

我正在使用 Ruffle 将我的旧版 swf 转换为我的博客。我使用的代码运行良好,但我想让 swf 在加载时自动播放。你能帮助我吗?谢谢。 <p>我正在使用 Ruffle 将我的旧版 swf 转换为我的博客。我使用的代码运行良好,但我想让 swf 在加载时自动播放。你能帮助我吗?谢谢。</p> <pre><code>&lt;script src=&#34;https://www.sinapsi.org/public/ruffle/ruffle.js&#34;&gt;&lt;/script&gt; &lt;object width=&#34;750&#34; height=&#34;550&#34;&gt; &lt;param name=&#34;movie&#34; value=&#34;https://www.sinapsi.org/public/espressione01.swf&#34;&gt; &lt;embed src=&#34;https://www.sinapsi.org/public/espressione01.swf&#34;&gt; &lt;/embed&gt; &lt;/object&gt; </code></pre> </question> <answer tick="false" vote="0"> <p>谢谢,但我宁愿不碰 ruffle.js。我按照另一位用户的建议使用这些行:</p> <pre><code>&lt;script&gt; window.RufflePlayer = window.RufflePlayer || {}; window.RufflePlayer.config = { &#34;warnOnUnsupportedContent&#34;: false, &#34;autoplay&#34;: &#34;on&#34;, &#34;unmuteOverlay&#34;: &#34;hidden&#34; }; &lt;/script&gt; &lt;script src=&#34;https://www.sinapsi.org/public/ruffle/ruffle.js&#34;&gt;&lt;/script&gt; &lt;object width=&#34;750&#34; height=&#34;550&#34;&gt; &lt;param name=&#34;movie&#34; value=&#34;https://www.sinapsi.org/public/mygame.swf&#34; /&gt; &lt;embed src=&#34;https://www.sinapsi.org/public/mygame.swf&#34; /&gt; &lt;/object&gt; </code></pre> </answer> <answer tick="false" vote="0"> <p>我昨天刚刚解决了这个问题! 您可以向褶边添加许多配置,但文档不太容易理解(或查找!)。 打开 ruffle.js 文件并添加:</p> <pre><code>window.RufflePlayer = window.RufflePlayer || {}; window.RufflePlayer.config = { &#34;autoplay&#34;: &#34;on&#34;, &#34;splashScreen&#34;: false, &#34;unmuteOverlay&#34;:&#34;hidden&#34;, }; </code></pre> <p>如果您在所有网页上调用 ruffle,那么 swf 将自动播放。</p> </answer> </body></html>

回答 0 投票 0

为什么在 React js 的 Swiper 中自动播放不起作用?

我正在为我的项目卡构建一个自动播放滑动器,它会在鼠标悬停时暂停。滑动功能工作正常,但自动播放不起作用。 进口: 从“swi...

回答 1 投票 0

如何使用 javascript 检测 gif 何时播放过一次?

我想知道是否可以使用 javascript 检测 gif 何时到达其循环点,以模拟 Flash 内容的预加载器 目前,我有一个脚本来检测视频何时

回答 1 投票 0

您可以在 Safari 中自动播放有声视频吗?

我正在开发一个登陆页面,需要在视频滚动到视图中时使元素自动播放声音。 浏览器对此非常严格(这是可以理解的,因为它可能会毁掉你......

回答 1 投票 0

Swiper 轮播上的自动播放在 React Native 中不起作用

我正在尝试在刷卡器上实现自动播放,但它似乎不起作用,有人知道如何修复它吗?代码是 TSX 我正在使用 React Native。 对于那些想知道我在做什么的人,...

回答 1 投票 0

React Native TSX:Swiper 上的自动播放不起作用

您好,我正在尝试在刷卡器上实现自动播放,但它似乎不起作用, 有谁知道如何修理它?代码是 TSX 我正在使用 React Native。 对于那些想知道我在做什么的人...

回答 1 投票 0

如何使用 autopy 来按下键盘上的字符?

“我想按‘C’键和控制按钮来复制一些东西,但我不知道怎么写。我尝试了这段代码,‘autopy.key.toggle(autopy.key.Code. C,True),还有这段代码,“a...

回答 3 投票 0

嵌入的 YouTube 视频不会自动播放音频

在查看了有关嵌入视频的其他帖子但无助于解决我的问题后,我寻求一些建议,以便在访问页面时使视频与音频一起自动播放。下面是代码

回答 2 投票 0

Angular HTML 全屏视频自动播放不起作用

谁能解释一下为什么这个自动播放视频在 Chrome 中不起作用? 视频存储在 firebase 存储中。当您访问页面然后返回主页时它会播放,但当您第一次访问时不会...

回答 8 投票 0

如何使用 php 关闭或打开 Swiper 自动播放并动态更改延迟?虽然我想创建一个自定义 Elementor 小部件

我正在尝试为自定义 Elementor 小部件动态更改滑动幻灯片的自动播放参数。我尝试将字符串作为 swiper 类中的对象动态传递。但这不起作用。 (

回答 1 投票 0

使用 javascript 自动播放滑块

我要求制作一个自动播放滑块,但在学习了 javascript 之后...我仍然不知道如何应用我所学到的知识...需要一些帮助.. 我被要求制作一个自动播放滑块来改变滑动...

回答 1 投票 0

同一页面上存在多个 javascript 幻灯片的问题

我正在尝试制作多个幻灯片以使用同一段 JavaScript 代码。 这是我的 HTML 代码: 我正在尝试使用同一段 JavaScript 代码制作多个幻灯片。 这是我的 HTML 代码: <div class="slider-container"> <div class="slider"> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> </div> <div class="slider"> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> </div> </div> 这是主要的CSS: .slider-container{ width:50%; } .slider{ width:100%; position:relative; padding-bottom:75%; /* aspect-ratio 4/3 */ } .slide{ width:100%; position:absolute; top:0; left:0; opacity:0; transition:opacity 0.5s ease-in; } .slide:first-child{ opacity:1; } 这是 javascript : const sliderContainer = document.querySelector(".slider-container"); const slide = sliderContainer.querySelectorAll(".slide"); let currentSlide = 0; function changeSlide() { slide[currentSlide].style.opacity = 0; currentSlide = (currentSlide + 1) % slide.length; slide[currentSlide].style.opacity = 1; } function startSlider() { intervalId = setInterval(changeSlide, 2000); } function stopSlider() { clearInterval(intervalId); } startSlider(); sliderContainer.addEventListener("mouseenter", stopSlider); sliderContainer.addEventListener("mouseleave", startSlider); 此 JavaScript 对于一张幻灯片效果很好,但我无法在同一页面上显示多个幻灯片。理想情况下,我希望为所有幻灯片保留相同的类,并且显然使进入/离开鼠标事件对每个幻灯片单独工作。有什么帮助吗? 要处理一个页面上具有独立行为的多个滑块,您需要调整 JS 代码以分别处理每个滑块。 实现此目的的一种方法是将每个滑块的功能封装在一个函数中,然后为每个滑块创建实例。 这是您的代码: html: <div class="slider-container"> <div class="slider" id="slider1"> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> </div> <div class="slider" id="slider2"> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> <div class="slide">...</div> </div> </div> javascript: function createSlider(sliderId) { const sliderContainer = document.getElementById(sliderId); const slides = sliderContainer.querySelectorAll(".slide"); let currentSlide = 0; let intervalId; function changeSlide() { slides[currentSlide].style.opacity = 0; currentSlide = (currentSlide + 1) % slides.length; slides[currentSlide].style.opacity = 1; } function startSlider() { intervalId = setInterval(changeSlide, 2000); } function stopSlider() { clearInterval(intervalId); } startSlider(); sliderContainer.addEventListener("mouseenter", stopSlider); sliderContainer.addEventListener("mouseleave", startSlider); } // Create instances for each slider createSlider("slider1"); createSlider("slider2"); 代码更改: createSlider函数采用sliderId参数,该参数将用于识别每个滑块容器。 在函数内部,我使用 document.getElementById 根据提供的 sliderId 查找特定的滑块容器。 其余逻辑封装在函数内,确保每个滑块独立运行。 因此,您可以通过使用不同的 createSlider 值调用 sliderId 来创建所需数量的滑块。每个滑块都有自己的一组事件监听器,并且独立于其他滑块运行。

回答 1 投票 0

navigator.getAutoplayPolicy 在 Google Chrome 中不起作用

我在 Google Chrome 版本 120.0.6099.71(官方版本)(64 位)上测试了一个应用程序。我正在尝试编写一个函数来检查是否允许自动播放。我试过: navigator.getAutoplayPolicy("

回答 1 投票 0

Chrome 自动播放政策 - Chrome 76

我正在构建一个在 Chrome 上运行的信息亭媒体,可以播放视频和音频。我知道 Chrome 默认情况下只允许自动播放带有静音道具的视频。 而且我知道我能够覆盖...

回答 5 投票 0

有没有办法自定义另一个react-lightbox轮播以进行旋转显示(自动播放)?

我正在使用 next@13 并尝试使 Yet-another-react-lightbox(v3.12.2) 的内联轮播每隔几秒导航一次。 这是我尝试过的: '使用客户端'; 导入灯箱,{ useController }

回答 1 投票 0

如何让音乐在后台自动播放和循环

我目前正在使用这个,自动播放似乎可以工作,但循环不起作用。 我目前正在使用这个,自动播放似乎可以工作,但循环不起作用。 <div id="music"><embed src="Anne_Marie - 2002 [Official Video].mp3" autostart=true loop=true></div> 另外,我想让它像背景音乐一样,这样播放按钮就不会出现。 loop 属性使音频文件循环播放。 自动播放属性使文件在没有用户的情况下开始播放 需要播放该文件。 controls属性显示控件,省略它会隐藏控件 控制。 <audio loop autoplay> <source src="path/to/file" type="audio/filetype"> </audio> 音频文件类型可以是:.mp3、.wav、.ogg 这个音频对我有用: <audio autoplay loop src="music/music.mp3"></audio> 浏览器将阻止自动播放,因为用户尚未与网站交互。 最好使用 javascript 并制作一个游戏循环并执行此操作: window.onload = setInterval(GameLoop, 1000 / 10); //10fps let myAudio = new Audio(); myAudio.src = '/MyFolder/MyFile.mp3'; function Gameloop() { myAudio.play(); if (myAudio.paused == true) { myAudio.play(); } } 上述内容将在音乐结束或暂停时播放音乐,并将在用户与网站交互时开始。 如果您希望在某处暂停音乐或用户能够暂停音乐,最好使用: myAudio.addEventListener('ended', () => { myAudio.play(); })

回答 3 投票 0

纯CSS滑块/轮播/带自动播放/动画和导航的幻灯片

有人可以告诉我是否可以仅使用 Html 和 CSS 将这两者合而为一? (通过自动播放、动画或任何其他可能的方式)这个问题似乎突然出现......

回答 1 投票 0

在 Google 表格中使用 Apps 脚本自动播放 mp3 文件

我有一个 Google 表格,其中包含我自己的 Google 云端硬盘文件夹中的音频文件的 URL。我从 labnol.org 实现了一个脚本(感谢 @Amit Agarwal),用于在 iframe 中打开迷你播放器。 可以吗

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.