Youtube iframe API无法用于移动设备?

 Lo海豚 发布于 2023-02-03 08:31

我很迷惑.带有标准示例的Youtube Iframe API:https://developers.google.com/youtube/iframe_api_reference?hl = de始终用于我的移动设备,现在不再有效了..

我试过这个小提琴:http://jsfiddle.net/77PJB/3/

var tag = document.createElement('script'); tag.src = "https://www.youtube.com/iframe_api"; var firstScriptTag = document.getElementsByTagName('script')[0]; firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); var player; function onYouTubeIframeAPIReady() { player = new YT.Player('player', { height: '250', width: '444', videoId: 'M7lc1UVf-VE', events: { 'onReady': onPlayerReady } }); } function onPlayerReady(event) { event.target.playVideo(); }

与iPad,iPhone和三星galaxy nexus.视频没有播放..有什么变化吗?

谢谢

1 个回答
  • 移动考虑因素

    自动播放和脚本播放

    在某些移动浏览器(例如Chrome和Safari)中,HTML5元素仅允许在用户交互(例如点击播放器)启动时进行播放.以下是Apple文档的摘录:

    "警告:为了防止用户通过蜂窝网络进行未经请求的下载,嵌入式媒体无法在iOS上的Safari中自动播放 - 用户始终会启动播放."

    由于此限制,自动播放,playVideo(),loadVideoById()等功能和参数将无法在所有移动环境中使用.

    来自:https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations

    一个简单的解决方法,具有"播放"按钮的自定义外观:

    有一个覆盖元素pointer-events: none;.pointer-events适用于所有现代移动浏览器,或只是将视频容器放在按钮上opacity: 0.

    2023-02-03 08:42 回答
撰写答案
今天,你开发时遇到什么问题呢?
立即提问
热门标签
PHP1.CN | 中国最专业的PHP中文社区 | PNG素材下载 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有