问题标签 [youtubeplayer]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2604 浏览

flutter - 使用 youtube_player_iframe Flutter 观看 YouTube 视频

我想知道如何使用视频播放器打开 YouTube 视频并在我的 Flutter 应用程序上显示它,该播放器允许用户停止视频、向前移动、向后移动,只需在视频的底线上拖动手指即可。我正在考虑使用youtube_player_iframe,因为我在互联网上读到这是唯一允许打开 YouTube 视频(适用于 iOS,youtube_player适用于 Android)的小部件,所以我安装了它并从文档中复制粘贴示例并修复了一些错误。

如果有人可以帮助我理解为什么它不起作用,我会很高兴。

要安装,从终端运行:flutter pub add youtube_player_iframe

或者只是添加依赖:youtube_player_iframe: ^2.0.0

这是代码,只需复制粘贴即可运行:

0 投票
2 回答
59 浏览

java - 多个ID的android studio java映射功能

我是 android 开发的初学者,java我有一些代码可以在片段中插入和播放youtube视频。

使用上面的代码,我可以为单个 url 创建和播放视频。如何使用 url 为多个 IDS 执行上述代码并创建多个视频而不是手动执行?

YoutubeVideo.xml的一个视频

0 投票
3 回答
1052 浏览

android - 删除 JCenter() 后使用 Android YouTube 视频播放器“com.pierfrancescosoffritti.androidyoutubeplayer:core:10.0.5”时出错

这是构建 gradle 时的错误。

在此处输入图像描述

0 投票
0 回答
35 浏览

javascript - 是否可以在 useRef() 中的初始值元素上使用 document.getElementById?

当元素是 ref 元素的子元素(或存储在 ref 元素本身中)时,有没有办法通过 id 获取元素?

目标是允许外部库获取包装器并在其中加载 iframe。我无法控制外部库

用例示例:Youtube 播放器 iframe,当通过包装器 id 而不是实际元素初始化时。我知道 Youtube 播放器允许传递实际元素(即myRef.current)而不是包装器 id,但解决方案必须是通用的,并且应该只使用元素 id

0 投票
1 回答
45 浏览

javascript - 想要将此 jQuery 代码转换为 vanilla JavaScript

任何人都可以帮我处理这段代码吗?我想将此 jQuery 代码转换为 vanilla Javascript,但我对 Javascript 不太熟悉,所以我被卡住了。

这是我的代码:

任何建议将不胜感激。

0 投票
1 回答
167 浏览

android - Android YouTube 播放器直播

我对 Android Dev、Java 和一般来说都很陌生 - 所以请耐心等待。我一直在试验GitHub PierfrancescoSoffrittiandroid-youtube-player这作为一个可定制的 Android 开源 YouTube 播放器非常有效,但有一个例外。

主要代码使用 avideoID来玩:

问题是,我想将它用于 YouTube Livestream,videoId如果流被重新创建,它可以改变。

如果您要嵌入网页,YouTube 提供了一种解决方法,即不使用. videoID,而是使用channelID. 这样,它将始终嵌入正确的当前正在播放的直播,而无需使用VideoID.

我知道有一个 YouTube API 可以通过以下方式以某种方式返回当前正在播放的videoID直播channelID

但这是我卡住的地方。videoId知道如何从 a获取更新的直播channelId,然后videoId = "xxxx";PierfrancescoSoffrittiandroid-youtube-player 中将其用作字符串吗?

0 投票
0 回答
219 浏览

angular - 部署应用程序时,Angular youtube 播放器不显示视频

伙计们!使用角度 youtube 播放器 ( ngx-youtube-player ) 时遇到有趣的行为。当应用程序在本地主机上运行时,视频显示非常好,但是当部署的应用程序运行时,视频根本不会显示在组件中。控制台显示错误Refused to load the script 'https://www.youtube.com/iframe_api' because it violates the following Content Security Policy directive: "script-src-elem 'self' 'unsafe-inline' https://apis.google.com/"。我们尝试通过将以下行添加到我们的index.html来修复它

但它没有用。我还注意到这种行为仅在 chrome 中观察到,在 Safari 中一切正常。

我们还尝试了另一种方法,script-src 'self' youtube.com改为添加元标记,但它会抛出Refused to load the script 'https://www.youtube.com/iframe_api' because it violates the following Content Security Policy directive: "script-src 'self' youtube.com". Note that 'script-src-elem' was not explicitly set, so 'script-src' is used as a fallback.

代码如下所示:

关于如何修复它的任何建议?看来这是 CSP 和/或 iframe 的问题,但除了已经尝试过的解决方案之外,我找不到任何有用的东西。

0 投票
0 回答
33 浏览

reactjs - 将 YouTube API 导入 Gatsby 意外令牌

使用 Youtube api 我在运行网站时收到以下消息。该站点应该加载 youtube 视频但是,我收到以下错误消息。

意外令牌“<”无法生成代码帧

0 投票
0 回答
27 浏览

java - 广告未在 Youtube 数据 api v3 上展示

我在我的 android 应用程序中使用了 youtube 播放器视图 (com.google.android.youtube.player.YouTubePlayerView)。在 2021 年 5 月之前,它显示广告没有任何问题,但突然在我的播放器视图中停止显示广告,滚动条上只有黄线广告显示视频包含广告,但它不再在视频上显示广告。

用户总是抱怨广告没有展示。请在这件事上给予我帮助..

XML 布局

0 投票
0 回答
56 浏览

reactjs - 无法在 React 中播放视频链接

我正在尝试播放视频链接,目前只有 youtube 播放器播放。如何添加 wistia、vimeo 和 loom?我曾尝试使用 VLC 播放器,但它会引发有关依赖项的错误。