Question

您好我在div全屏显示youtube视频。它会在调整大小窗口时更改大小，如果它在视口上，则根据需要加载最重要的内容并播放/暂停。

使用viewportchecker来控制视口和延迟加载因此，ViewportChecker检查DIV是否在视口中，如果是，则启动功能 playPause1 ，该功能将启动视频或暂停视频，以防视频已播放。

 $('#Wraptv1').viewportChecker({
     callbackFunction: playPause1,
     offset: 300,
     repeat: true,
 });

一切都很好但有时视频不尊重 startSeconds 参数，主要是在视频DIV位于视口之外时加载页面。在这种情况下，第一个视频应该在第二个30开始（如下面视频参数中所见），但它从第二个0开始。

视频参数：

 var ystv1 = [{
         'videoId': 'Gc2en3nHxA4',
         'startSeconds': 30,
         'endSeconds': 45,
         'suggestedQuality': 'hd720'
     },{
         'videoId': 'Gc2en3nHxA4',
         'startSeconds': 65,
         'endSeconds': 90,
         'suggestedQuality': 'hd720'
     }, ],

这里是代码示例：https://codepen.io/ysanmiguel/pen/WEGwqO

解决此问题或改进代码的任何帮助或建议？非常感谢你。

Answer 1

此SO post中需要相同的方案。

以下是用户的主要问题：

对于我的项目，我需要能够控制当前的时间视频正在播放。我搜索了You-Tube API说明和数据但是找不到参数，也找不到能让我设置的函数视频的当前时间（当前时间有GET但没有一套）。

您也可以在此SO帖子中尝试answer并访问以下文档。

首先，您需要对Player对象的JS引用。为了快速入门，   请看一下以下问题：


How do I get the reference to an existing YouTube player?


使用此参考，您可以：
-c opt

youtube.com/player_api背景视频startSeconds错误

1 个答案: