Youtube 在 PWA 中播放带声音的视频不起作用

     2023-02-24     207

关键词:

【中文标题】Youtube 在 PWA 中播放带声音的视频不起作用【英文标题】:Youtube playing a video with sound in PWA is not working 【发布时间】:2022-01-17 23:03:58 【问题描述】:

我的应用过去可以使用 YouTube Iframe API 在 PWA 环境中播放带声音的视频,但在过去的几天里,这只有在之前有用户手势的情况下才能实现。允许静音播放,上述过程也不会产生错误。

【问题讨论】:

Chrome 只允许在用户点击/交互后播放声音。所以一般来说,当我对网站进行编码时,我会要求用户在网站上进行任何交互之前允许声音。但是在您的情况下,您可以显示一个模式询问用户是否发出声音,或者找到另一种 UX 友好的方式来做到这一点。见:developer.chrome.com/blog/autoplay 这是一个 PWA 环境,无需用户交互即可播放声音。 是的,如果安装了 PWA,则允许。你的应用安装了吗? :) 是的,它已安装。 好的,我得看看这个谢谢 【参考方案1】:

Chrome 不再允许这样做:

Chrome 的自动播放策略很简单:

始终允许静音自动播放。在以下情况下允许自动播放声音: 用户与域进行了交互(单击、点击等)。在 桌面,用户的媒体参与指数阈值已被跨越, 表示用户之前播放过有声视频。用户有 将网站添加到他们在移动设备上的主屏幕或安装 PWA 桌面。***框架可以将自动播放权限委托给其 iframe 允许自动播放声音。

来源:https://developer.chrome.com/blog/autoplay/

【讨论】:

请用文字替换图片。像这样的答案通常被否决/取消。 同意,请看Why not upload images of code/errors when asking a question?。 我确实了解该政策并且我有义务遵守,尽管我的问题是即使应用程序安装为 PWA,我也无法自动播放声音。 好的,在这种情况下,我们必须进行调查,但我认为我的回答对于一些有声音问题的人来说仍然是可靠的,看到你的帖子 @Ben 谢谢你的更新

youtube 如何在 Safari 上自动播放带音频的视频?

】youtube如何在Safari上自动播放带音频的视频?【英文标题】:HowcanyoutubeautoplayvideowithaudioonSafari?【发布时间】:2018-01-2519:39:24【问题描述】:据我所知,HTML5仅在muted在safari上自动播放。但是,youtube能够自动播放带音频的视频。y... 查看详情

自动播放嵌入的 YouTube 视频

】自动播放嵌入的YouTube视频【英文标题】:MakinganembeddedYouTubevideoplayautomatically【发布时间】:2018-05-2523:14:16【问题描述】:我希望视频在页面加载后自动播放。该视频没有声音,因此不应过多地打扰用户。这个查询的官方YouTubea... 查看详情

在 android 中播放 youtube 网址

】在android中播放youtube网址【英文标题】:Playayoutubeurlinandroid【发布时间】:2013-11-2512:51:47【问题描述】:我有一个片段,并且该片段中存在一个视频视图。我有一个用于视频的YouTube网址。我尝试了videoview和webview。但它不起作... 查看详情

Iframe 中的 YouTube 嵌入播放器在 iOS6 中不起作用

】Iframe中的YouTube嵌入播放器在iOS6中不起作用【英文标题】:YouTubeEmbedplayerinIframedoesn\'tworkiniOS6【发布时间】:2013-10-2019:10:40【问题描述】:我真的需要你的帮助。在iOS应用程序上工作。我想玩youtube。我通过阅读许多博客和帖子... 查看详情

YouTube 和 Twitch 如何覆盖带音频视频的自动播放策略?

】YouTube和Twitch如何覆盖带音频视频的自动播放策略?【英文标题】:HowcanYouTubeandTwitchoverridetheautoplaypolicyforvideoswithaudio?【发布时间】:2021-07-1417:00:46【问题描述】:我知道GoogleChrome有一项自动播放政策,即无法自动播放带音频... 查看详情

带循环的 Youtube 播放器 api

】带循环的Youtube播放器api【英文标题】:Youtubeplayerapiwithloop【发布时间】:2013-10-2500:03:52【问题描述】:我正在努力使用youtubeplayerapi为youtube视频设置循环。问题是视频没有在循环下运行。这是我的代码vartag=document.createElement(\'s... 查看详情

播放 youtube 视频的 javascript 不起作用

】播放youtube视频的javascript不起作用【英文标题】:javascripttoplayyoutubevideoisn\'tworking【发布时间】:2012-03-3019:55:55【问题描述】:html<html><head><styletype="text/css">bodybackground-color:transparent;color:white;</style&g 查看详情

一次静音播放多个youtube视频(代码片段)

我正在尝试制作一个使用YouTubeiframeAPI的网页,以显示多个视频,这些视频会在加载时自动开始播放。我希望4个视频中的3个开始静音播放,但第4个视频要播放音频。最后,我正在尝试创建一个静音/取消静音和暂停/开始按钮,允... 查看详情

YouTube 视频未在 WebView 中播放 - Android

】YouTube视频未在WebView中播放-Android【英文标题】:YouTubeVideonotplayinginWebView-Android【发布时间】:2012-09-2409:42:27【问题描述】:我想在WebView中播放YouTube视频,WebView显示带有播放按钮的视频的第一个外观,但是在单击播放按钮后... 查看详情

Android:在 Webview 上播放 youtube 视频

】Android:在Webview上播放youtube视频【英文标题】:Android:playingyoutubevideoonWebview【发布时间】:2017-12-2308:12:25【问题描述】:我在WebView上播放youtube视频时遇到问题。我整天都在阅读有关如何执行此操作的问答,但它不起作用。我... 查看详情

youtube.com 上的视频如何在 iOS 上自动播放

】youtube.com上的视频如何在iOS上自动播放【英文标题】:HowdovideosautoplayoniOSatyoutube.com【发布时间】:2013-06-1804:59:44【问题描述】:当我将网站上的YouTube视频(IFrameAPI)的自动播放设置为true时,它​​不起作用。所有文档都说苹果... 查看详情

Youtube 视频显示在冲击波播放器中,而不是 youtube 视频

】Youtube视频显示在冲击波播放器中,而不是youtube视频【英文标题】:YoutubeVideodispalyinginshockwaveplayerinsteadofyoutubevideo【发布时间】:2012-03-1113:37:22【问题描述】:正在显示/嵌入的视频现在正在冲击波播放器中显示,这在以前从未... 查看详情

嵌入的 youtube 视频无法在某些 Android 设备中播放

】嵌入的youtube视频无法在某些Android设备中播放【英文标题】:EmbeddedyoutubevideonotplayinginsomeAndroiddevices【发布时间】:2020-03-0402:10:17【问题描述】:我构建了一个Android应用来使用来自Youtube的视频观看在线课程。由于课程是付费的... 查看详情

在嵌入式 YouTube 播放器中自动播放下一个视频

】在嵌入式YouTube播放器中自动播放下一个视频【英文标题】:AutoplaynextvideoinembeddedYouTubeplayer【发布时间】:2016-07-0307:13:05【问题描述】:YouTube上有一个自动播放功能,可以播放下一个推荐的视频。如何在嵌入式YouTube播放器中... 查看详情

如何以图片模式在我的活动图片中播放 youtube 视频

】如何以图片模式在我的活动图片中播放youtube视频【英文标题】:howtoplayyoutubevideoinsidemyactivitypictureinpicturemode【发布时间】:2019-10-2219:20:47【问题描述】:我需要在我的应用程序中以画中画模式播放youtube视频,而无需调整我的... 查看详情

在 WebView 中播放 youtube 视频

】在WebView中播放youtube视频【英文标题】:playyoutubevideoinWebView【发布时间】:2011-01-1812:34:06【问题描述】:在我的android应用程序中,我有一个WebView来显示来自我们网站的html数据。有时该页面会有youtube嵌入对象。这在应用程序... 查看详情

在 android 中自动播放 youtube 视频

】在android中自动播放youtube视频【英文标题】:Autoplayyoutubevideosinandroid【发布时间】:2011-04-2306:06:57【问题描述】:我正在尝试在android上自动播放youtube视频,与中的相同HowcanIautoplayavideousingthenewembedcodestyleforYoutube?以下HTML在googlec... 查看详情

android webview youtube嵌入视频自动播放不起作用

】androidwebviewyoutube嵌入视频自动播放不起作用【英文标题】:androidwebviewyoutubeembedvideoautoplaynotworking【发布时间】:2015-03-1807:39:34【问题描述】:我无法自动播放我的视频,请帮忙。我的sdk版本android:minSdkVersion="14"android:targetSdkVers... 查看详情