entityMap|blocks|key|76ups|text|ytplayer+=+document.getElementById("movie_player");
ytplayer.getCurrentTime();|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|7hf6a|请参见|unstyled|1g7h0|api|e88hv|更新：|9fjk|如果不起作用，也可以试一试|f819e|(|bsra|codepen实时示例|f29dm|)^0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|T|9|@]|A|@]|B|$C|D]]|$2|E|4|F|6|G|8|U|9|@]|A|@]|B|$]]|$2|H|4|I|6|G|8|V|9|@]|A|@]|B|$]]|$2|J|4|K|6|G|8|W|9|@]|A|@]|B|$]]|$2|L|4|M|6|G|8|X|9|@]|A|@]|B|$]]|$2|N|4|O|6|G|8|Y|9|@]|A|@]|B|$]]|$2|P|4|Q|6|G|8|Z|9|@]|A|@]|B|$]]|$2|R|4|S|6|G|8|10|9|@]|A|@]|B|$]]]]

<pre><code>ytplayer = document.getElementById(&quot;movie_player&quot;);
ytplayer.getCurrentTime();
</code></pre>
See <a href="http://code.google.com/apis/youtube/js_api_reference.html" rel="noreferrer">the api</a>
Update: if it didn't work, also try <code>player.playerInfo.currentTime</code> (<a href="https://codepen.io/ya3ya6/pen/wvKdqaY?editors=1010" rel="noreferrer">codepen live example</a>)

entityMap|blocks|key|b4ubr|text|取决于你想要什么|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ctrrd|player.getCurrentTime():Number|code-block|syntax|javascript|3ht34|返回视频开始播放后经过的时间。|4m66r|player.getDuration():Number|9qek6|返回当前播放视频的时长，单位为秒。请注意，在加载视频的元数据之前，getDuration()将返回0，这通常发生在视频开始播放之后。|8amt3|39pg2|http://code.google.com/apis/youtube/js|2jeqm|_|2109m|api|4a7sk|egb1r|reference.html^0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|X|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|Y|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|Z|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|10|9|@]|A|@]|B|$F|G]]|$2|L|4|M|6|7|8|11|9|@]|A|@]|B|$]]|$2|N|4|-4|6|7|8|12|9|@]|A|@]|B|$]]|$2|O|4|P|6|7|8|13|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|14|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|15|9|@]|A|@]|B|$]]|$2|U|4|R|6|7|8|16|9|@]|A|@]|B|$]]|$2|V|4|W|6|7|8|17|9|@]|A|@]|B|$]]]]

Depends on what you want 

<pre><code>player.getCurrentTime():Number
</code></pre>

<blockquote>
 Returns the elapsed time in seconds since the video started playing.
</blockquote>

<pre><code>player.getDuration():Number
</code></pre>

<blockquote>
 Returns the duration in seconds of the currently playing video. Note
 that getDuration() will return 0 until the video's metadata is loaded,
 which normally happens just after the video starts playing.
</blockquote>

<a href="http://code.google.com/apis/youtube/js_api_reference.html" rel="noreferrer">http://code.google.com/apis/youtube/js_api_reference.html</a>

entityMap|blocks|key|a6olp|text|仅供参考，YouTube播放器有一个新的iframe+API：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5sqhe|https://developers.google.com/youtube/iframe|fjkuu|_|atm9g|api|8hqqb|3do8j|参考文献^0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|M|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|N|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|O|9|@]|A|@]|B|$]]|$2|I|4|F|6|7|8|P|9|@]|A|@]|B|$]]|$2|J|4|K|6|7|8|Q|9|@]|A|@]|B|$]]]]

Just FYI, There is a new iframe API for the YouTube player:
<a href="https://developers.google.com/youtube/iframe_api_reference" rel="nofollow">https://developers.google.com/youtube/iframe_api_reference</a>

entityMap|blocks|key|6r4dc|text|最后，我找到了如何让它在iOS+(以及安卓系统)上工作的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|ba21b|实际上，整个|tv3a|youtube+js+api|87tuh|如果在移动浏览器上运行，对我来说是坏的。|pnp|解决问题的方式|2vptm|创建|ftnlt|播放器使用|cdvdi|如中所述|6a6o6|YouTube+IFrame接口|vu7e|..。|7h454|请注意：|djlfd|仅创建^0|0|0|0|0|0|0|0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|Y|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|Z|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|10|9|@]|A|@]|B|$]]|$2|G|4|H|6|7|8|11|9|@]|A|@]|B|$]]|$2|I|4|J|6|7|8|12|9|@]|A|@]|B|$]]|$2|K|4|L|6|7|8|13|9|@]|A|@]|B|$]]|$2|M|4|N|6|7|8|14|9|@]|A|@]|B|$]]|$2|O|4|P|6|7|8|15|9|@]|A|@]|B|$]]|$2|Q|4|R|6|7|8|16|9|@]|A|@]|B|$]]|$2|S|4|T|6|7|8|17|9|@]|A|@]|B|$]]|$2|U|4|V|6|7|8|18|9|@]|A|@]|B|$]]|$2|W|4|X|6|7|8|19|9|@]|A|@]|B|$]]]]

Finally I found how to make it work on iOS (and Android too). 
Actually, the whole <a href="https://developers.google.com/youtube/js_api_reference" rel="noreferrer">youtube js api</a> was broken for me if run on mobile browser.

Problem solved by creating player using <code>new YT.Player</code> as described in <a href="https://developers.google.com/youtube/iframe_api_reference" rel="noreferrer">YouTube IFrame API</a>.

Please note: only creating <code>&lt;iframe&gt;</code> from <code>&lt;div&gt;</code> placeholder works for mobile browsers at the time. If you try to use existing <code>&lt;iframe&gt;</code> in <code>new YT.Player</code> call, as mentioned in IFrame API, this will not work.

After player created, it's possible to use <code>player.getCurrentTime()</code> or <code>player.getDuration()</code> with <code>player</code> instance created.

Note: I had no luck calling this methods on player obtained with 
<code>player = document.getElementById(...)</code> (from @JosephMarikle answer). 
Only created <code>player</code> instance worked in mobile browsers.

<hr>

Useful links:

<ul>
<li><a href="https://developers.google.com/youtube/iframe_api_reference" rel="noreferrer">YouTube IFrame API</a></li>
<li><a href="https://developers.google.com/youtube/js_api_reference" rel="noreferrer">YouTube JavaScript API</a></li>
<li><a href="https://developers.google.com/youtube/youtube_player_demo" rel="noreferrer">YouTube Player Demo</a></li>
</ul>

entityMap|blocks|key|3u9pb|text|在特定时间停止youtube视频并在GWD中显示通知框|type|unstyled|depth|inlineStyleRanges|entityRanges|data|296lf|var+yid+=+document.getElementById("gwd-youtube_1");
++var+idBox+=+document.getElementById("box1");
pausing_function+=+function(event)+{+

++++var+aa+=+setInterval(function()+{

++++++++if+(yid.getCurrentTime()+>+8.0+&&+yid.getCurrentTime()+<+8.1)+{
++++++++++++yid.pause(yid);
++++++++++++idBox.style.opacity+=+1;
++++++++++++console.log(yid.getCurrentTime()+%2B+"playing")

+++++++++++++clearInterval(aa);
++++++++++++yid.removeEventListener("playing",+pausing_function);

++++++++}

++++},+100)
}

+yid.addEventListener("playing",+pausing_function);

++var+pausing_function_1+=+function()+{++++++
+++++++if+(yid.getCurrentTime()+>+8.1)+{
++++++++console.log(yid.getCurrentTime()+%2B+"pause")


++++++++//+remove+the+event+listener+after+you+paused+the+playback
++++++++yid.removeEventListener("playing",+pausing_function);
++++++}
++++};|code-block|syntax|javascript|bsrnd|播放视频并隐藏通知|5m7d|window.gwd+=+window.gwd+%7C%7C+{};
++++gwd.pauseVideo+=+function(event)+{
++++++var+idBox+=+document.getElementById("box1");
++++++idBox.style.opacity+=+0;
++++};
++
++
++++//+Support+code+for+event+handling+in+Google+Web+Designer
+++++//+This+script+block+is+auto-generated.+Please+do+not+edit!
++++gwd.actions.events.registerEventHandlers+=+function(event)+{
++++++gwd.actions.events.addHandler('gwd-youtube_1',+'playing',+gwd.pauseVideo,+false);
++++};
++++gwd.actions.events.deregisterEventHandlers+=+function(event)+{
++++++gwd.actions.events.removeHandler('gwd-youtube_1',+'playing',+gwd.pauseVideo,+false);
++++};
++++document.addEventListener("DOMContentLoaded",+gwd.actions.events.registerEventHandlers);
++++document.addEventListener("unload",+gwd.actions.events.deregisterEventHandlers);^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|M|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]|$2|J|4|K|6|E|8|O|9|@]|A|@]|B|$F|G]]]]

<h2>Stop at specific time youtube video and show notification box in GWD</h2>

<pre><code>&lt;script&gt;
 var yid = document.getElementById("gwd-youtube_1");
 var idBox = document.getElementById("box1");
pausing_function = function(event) { 

 var aa = setInterval(function() {

 if (yid.getCurrentTime() &gt; 8.0 &amp;&amp; yid.getCurrentTime() &lt; 8.1) {
 yid.pause(yid);
 idBox.style.opacity = 1;
 console.log(yid.getCurrentTime() + "playing")

 clearInterval(aa);
 yid.removeEventListener("playing", pausing_function);

 }

 }, 100)
}

 yid.addEventListener("playing", pausing_function);

 var pausing_function_1 = function() { 
 if (yid.getCurrentTime() &gt; 8.1) {
 console.log(yid.getCurrentTime() + "pause")


 // remove the event listener after you paused the playback
 yid.removeEventListener("playing", pausing_function);
 }
 }; 
 &lt;/script&gt;
</code></pre>

<h2>play video and hide notification</h2>

<pre><code> &lt;script type="text/javascript" gwd-events="handlers"&gt;
 window.gwd = window.gwd || {};
 gwd.pauseVideo = function(event) {
 var idBox = document.getElementById("box1");
 idBox.style.opacity = 0;
 };
 &lt;/script&gt;
 &lt;script type="text/javascript" gwd-events="registration"&gt;
 // Support code for event handling in Google Web Designer
 // This script block is auto-generated. Please do not edit!
 gwd.actions.events.registerEventHandlers = function(event) {
 gwd.actions.events.addHandler('gwd-youtube_1', 'playing', gwd.pauseVideo, false);
 };
 gwd.actions.events.deregisterEventHandlers = function(event) {
 gwd.actions.events.removeHandler('gwd-youtube_1', 'playing', gwd.pauseVideo, false);
 };
 document.addEventListener("DOMContentLoaded", gwd.actions.events.registerEventHandlers);
 document.addEventListener("unload", gwd.actions.events.deregisterEventHandlers);
 &lt;/script&gt;
</code></pre>

entityMap|blocks|key|d789d|text|您可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|8qu2g|Html5视频接口|fdhnd|打开|akaoe|var+htmlVideoPlayer+=+document.getElementsByTagName('video')[0];
htmlVideoPlayer.currentTime|code-block|syntax|javascript|b8k0e|注意:它不能在Youtube+Iframe+API上工作，因为Iframe是孤立的。您无法访问Youtube+IFrame的上下文。^0|0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|N|9|@]|A|@]|B|$]]|$2|C|4|D|6|7|8|O|9|@]|A|@]|B|$]]|$2|E|4|F|6|7|8|P|9|@]|A|@]|B|$]]|$2|G|4|H|6|I|8|Q|9|@]|A|@]|B|$J|K]]|$2|L|4|M|6|7|8|R|9|@]|A|@]|B|$]]]]

You can use <a href="https://www.w3schools.com/tags/ref_av_dom.asp" rel="nofollow noreferrer">Html5 Video API</a> on <code>youtube.com</code>

<pre><code>var htmlVideoPlayer = document.getElementsByTagName('video')[0];
htmlVideoPlayer.currentTime
</code></pre>

Note: It's not gonna work on Youtube Iframe API because Iframes are isolated. You cannot access the context of a Youtube IFrame .

entityMap|blocks|key|3tjbv|text|在2020年，这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|a9ek0|player.playerInfo.currentTime|code-block|syntax|javascript|5sg96|完整代码：|fu0bm|在codepen上观看实况转播^0|0|0|0^^$0|$]|1|@$2|3|4|5|6|7|8|L|9|@]|A|@]|B|$]]|$2|C|4|D|6|E|8|M|9|@]|A|@]|B|$F|G]]|$2|H|4|I|6|7|8|N|9|@]|A|@]|B|$]]|$2|J|4|K|6|7|8|O|9|@]|A|@]|B|$]]]]

In 2020, this works:

<pre><code>player.playerInfo.currentTime
</code></pre>

full code:
<a href="https://codepen.io/ya3ya6/pen/wvKdqaY?editors=1010" rel="nofollow noreferrer">see it live on codepen</a>

I am writing a Browser Plugin and need to find a way to get the current time a YouTube Video playing on YouTube using JavaScript. I have been playing around in the Chrome JavaScript Console and haven't had any luck. 

It appears that the chrome API only works with embedded video players not a video that is playing on on youtube.com. One option I looked into is in the share section of a video their is an input box for the "start at:" time that contains the current time of the video. I have tried using .value and .text on this input box and they both return undefined? Does anyone have any ideas?

Getting Current YouTube Video Time

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋 

腾讯云代码助手

CODING DevOps

Cloud Studio

SDK中心

API中心

命令行工具

 我正在编写一个浏览器插件，需要找到一种方法来获得当前时间的YouTube视频播放YouTube使用JavaScript。我一直在玩Chrome JavaScript控制台，但一直没有任何运气。 似乎chrome API只适用于嵌入式视频播放器，而不适用于在youtube.com上播放的视频。我研究的一个选项是在视频的...

问获取当前YouTube视频时间
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问获取当前YouTube视频时间EN