Youtube无铬播放器 - 更改大开始播放按钮
Youtube Chromeless Player - Change big start play button
我创建了像这样的无铬播放器。我可以更改当播放器状态为 -1(未播放视频)时显示的大红色播放按钮吗?我想添加我的图像而不是经典图像。
你可以试试这个技巧。
function onYouTubePlayerReady(playerId){
document.getElementById(playerId).playVideo();
document.getElementById(playerId).pauseVideo();
}
如果您播放视频并暂停视频,红色大按钮将消失。
(请记住,onYouTubePlayerReady不适用于本地主机,您需要在在线服务器上进行测试)
我找到了最好的方法。
感谢@crazyphoton的黑客:
function onYouTubePlayerReady(playerId){
document.getElementById(playerId).playVideo();
document.getElementById(playerId).pauseVideo();
}
使用该代码,可以轻松删除默认按钮。
我的问题是关于添加自己的按钮。这个演示是该部分的答案。带有position: absolute
的图像是播放/暂停/重复按钮,该按钮位于视频中心。
如果您需要在视频开头自定义播放图标,那么您可以先在缩略图前面加载缩略图 + 您的播放图标。当用户单击此播放按钮时,删除缩略图并通过自动播放加载YouTube视频。例如通过nirvanatikku/jQuery-TubePlayer-Plugin
缩略图 您可以加载:https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg
相关文章:
- 如何使用videojs开始播放视频时不显示字幕
- Youtube无铬播放器 - 更改大开始播放按钮
- 视频通过javascript被隐藏,但已经开始播放(自动播放模式),即使是's不可见
- 知道何时从UIWebView中开始播放YouTube视频
- HTML5 视频在开始播放另一个视频时暂停使用 Javascript
- JQuery 从第二个零开始播放 html5 视频,但如果用户暂停视频,则保留当前帧
- 如何在单击图像时开始播放视频
- HTML5 视频 - 开始播放后无法加载资源错误
- 是否有JS功能可以使Brightcove智能播放器视频开始播放
- 如何更改暂停的 html5 视频的当前时间并从该位置开始播放
- Brightcove在Div可见时开始播放
- Jplayer不会在移动设备上自动开始播放
- 如何:YouTube API 在开始播放时触发 Javascript 事件
- 是否有可能通过跳过前 100 帧来使 SWIFFY 对象开始播放
- Jassor滑块从滑块0开始播放
- iframe youtube视频开始播放后背景变暗
- 在Android HTML5播放器中开始播放所需的用户手势
- 为什么此视频获胜't不能自动开始播放
- 如何让视频在特定位置开始播放
- 加载页面后,如何让视频在特定位置开始播放