有一段时间我一直在使用这个脚本,视频自动播放全屏.现在突然,视频无法在Chrome中自动播放.但在Firefox和Edge中它仍然有效.

那么谷歌可能改变了设置?有谁知道如何解决这个问题,拜托?
你在这里看到了实例:www.brunomazereel.com

<script src="http://www.youtube.com/player_api"></script>
<script type="text/javascript">
var player;
function onYouTubePlayerAPIReady() {
    player = new YT.Player('player',{
    playerVars: {
        'autoplay': 1,'controls': 0,'autohide': 1,'wmode': 'opaque','showinfo': 0,'loop': 1,'rel': 0,'playlist': 'rh5QiehIlVA,Bl63bdR-Ko0,'
        },videoId: 'u-cjliof1xk',events: {
        'onReady': onPlayerReady
    }
});
}
function onPlayerReady(event) {
event.target();
$('#text').fadeIn(400);
}
$(window).scroll(function() {
var hT = $('.m-video').height(),wS = $(this).scrollTop();
if (wS > hT) {
  player.pauseVideo();
}
else {
  player.playVideo();
}
});
</script>

解决方法

(一)从评论讨论中得到的可能解决方案是将视频静音,如果声音在您的情况下不重要(如果是,我将留下答案,因为它可以帮助其他人).

这显然是始终启用自动播放的唯一方法.来自文章:

“Muted autoplay is always allowed.”

资料来源:Google changelog

只需添加您的playerVars:

mute : 1

Source for the muted video

javascript – YouTube自动播放无法在Chrome中使用的更多相关文章

  1. AVPlayer不会在iOS9中播放来自网址的视频

    我试图在UIView中嵌入一个AVPlayer并从网址播放mp4视频文件.问题是我只收到一个黑色的空白视图(见截图)在以前的iOS版本中,它对我有用,但自从升级到iOS9后我遇到了这个问题.我的.h文件如下所示:而在我的实现文件中,我有以下内容:我错过了什么吗?

  2. ios – 在Swift Playground中使用AVPlayer播放视频?

    我在使用AVPlayer在快速游乐场内播放视频时遇到问题.这是我的代码.有什么建议?代码完全没有任何作用.我的期望是’v’变量应该显示视频.当我将avplayerlayer连接到故事板的视图时,它似乎在操场外工作.解决方法如果将它放入操场,以下情况应该有效.确保换出路径:

  3. ios – 在iPhone上禁用YouTube嵌入的自动全屏

    正如我们将从网站上的其他问题知道到iOSMobileSafari中我们有这些美味属性webkit-playesinline和更简洁的playinline来禁用自动全屏视频.尽管奇迹,我仍然无法弄清楚如何将其添加到YouTubehtml5嵌入.正如预期的那样,YouTube包含在中.理想的结果如下:我试图通过jquery做到这一点,徒劳无功.有任何想法或想法如何做到这一点?解决方法将playsinline=1paramerer添加到embedurl.加?或者&在适当之前;?

  4. 如何将YouTube视频嵌入到PhoneGap ios应用程序中

    我一直在寻找一个解决方案很长一段时间,但我可以找到与旧版本的phonegap相关的东西.我基本上需要在我的应用程序中添加一些youtubes视频,但是目前使用的包括代码如:除了视频将占用的空间外,这并不显示任何东西,只是一个灰色的框.我正在使用phonegap2.9.0和最新版本的xCode.我已经尝试设置域名以允许YouTube,但这没有帮助:我相信这是以前版本的ios的phonegap应用程序

  5. ios – 在没有全屏的UIWebView中播放Youtube视频

    我想在我的应用程序中浏览一个Youtube视频.但通常的技术是,我们在UIWebView中嵌入了一个YouTube视频,当用户点击时,它会自动在MPMoviePlayerController中启动.但这将全屏启动.如何在MPMoviePlayerController中播放此YouTube视频而无需全屏播放.我想在屏幕的一半显示这个.解决方法你设置allowinlinemediaplayback.但

  6. 视频 – MPMoviePlayerController在完成播放后不会自动关闭电影(ios 6)

    我可能没有写出我的标题很好,也许更正确的说,我的NSNotification不会在播放后解散我的电影的观点.我发现其他人有这个问题,但没有解决方案,似乎这可能是iOS6的问题,这是我正在运行.播放视频后,您需要按“完成”才能关闭,但是我希望自动关闭,因为一旦我将其整理出来,我将使用MPMovieControlStyleNone.这是我的代码与未使用的部分被剥离:`解决方法也有这个问题要修复movi

  7. ios – 如何使用YouTube API V3?

    我想知道如何在iOS应用中使用新的YouTubeAPI(第3版),但我不知道如何做.我做了很多关于它的研究,但是我发现所有的例子和老API的代码,所以它们是无效的.现在,我明白了,使用新的API你必须在Google开发者控制台中创建一个项目…使用API2很简单它…

  8. ios – 如何存档和取消归档Swift中的自定义对象?或者如何将自定义对象保存到Swift中的NSUserDefaults?

    我有一个班我想要序列化并保存到用户默认值.首先我不知道如何正确编写编码器和解码器.所以对于init我写了两个方法.当我尝试执行这个代码:应用程式崩溃,我收到这则讯息:我做错了什么?

  9. ios – AVPlayer – 播放时切换流质量

    我正在使用AVPlayer播放youtube视频,对于每个YouTube视频ID,我检索了几个不同质量的流网址.我想根据网络状态播放特定的流质量.例如,如果用户在3G上,我想播放质量最低的URL,但如果用户移动到wifi,我想无缝切换到质量更好的流.这不是什么新鲜事,youtube正在他们的应用程序和许多其他人这样做.所以我想知道用AVPlayer进行这种切换的最佳方法是什么,我不希望用户注意到切换,而不会暂停视频播放或缓冲.有什么建议吗?根本不理想,但据我所知,这是唯一的方法.

  10. ios – 我如何解密签名并添加到目标c中的YouTube提取的URL?

    我想在我的应用程序中播放youtube视频.一切正常.但是当我试图观看包含youtube内容的视频时.它失败.我研究发现有人认为你应该加密和解密签名并将其添加到URL?我不知道如何在IOS中解密签名?video_id=uuZE_IRwLNI&el=vevo&ps=default&eurl=&gl=US&hl=en当我使用url它不玩.有什么办法吗?

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部