首页 > 解决方案 > 如何获取当前时间视频 tag using javascript</p> </div> <div class="container" id="article"> <div class="page-header"> <h1>javascript - 如何获取当前时间视频<iframe> tag using javascript</h1> </div> <div class="con"> <h3>问题描述</h3> <p>I want to get current time video from tag html using javascript, but when I run the function to get it, I got an undefined pop up error.</p>

<p>This is my code :</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>var x = document.querySelector("myVideo");

function getCurTime() {
 alert(x.currentTime);
}

function setCurTime() {
 x.currentTime = 5;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code><iframe id="myVideo" src='https://videos.sproutvideo.com/embed/a49ddab31116e7c52c/93b278e6bfc6cd4c' width='630' height='263' frameborder='0' allowfullscreen>
 </iframe><br>
<button onclick="getCurTime()" type="button">Get current time position</button>
<button onclick="setCurTime()" type="button">Set time position to 5 seconds</button></code></pre>
</div>
</div>
</p>

<p>How to fix this?</p>
<p class="author">标签： <span>javascript</span></div> <h3>解决方案</h3> <hr> <div class="con "> <div class="body"> <p>Use <code>video</code> instead of <code>iframe</code></p>

<pre><code><video id="myVideo" width="320" height="240" controls>
 <source src='https://videos.sproutvideo.com/embed/a49ddab31116e7c52c/93b278e6bfc6cd4c' width='630' height='263' frameborder='0'" type="video/mp4">
</video>
</code></pre>

<p>Also, the query selector you used is incorrect:</p>

<pre><code>// Change:
var x = document.querySelector("myVideo");

// To:
const videoQuerriedById = document.querySelector("#myVideo");
</code></pre>
</div> <div class="clear"></div> </div> <hr> <h3>推荐阅读</h3> <ul> <li><a href="/question/61478661.html">special-characters - 检测 AutoHotkey 中的特殊字符按键</a></li><li><a href="/question/61478663.html">django - Django+React 休息认证</a></li><li><a href="/question/61478668.html">r - 可以将字符串转换为对象但不能保存（）它——为什么？</a></li><li><a href="/question/61478669.html">android - 如何使用 moshi 在 Android Kotlin 中序列化数据类</a></li><li><a href="/question/61478672.html">python - 由于 convertdate 安装而导致安装软件包的问题</a></li><li><a href="/question/61478675.html">python - 连续变化透明度的线图 - Matplotlib</a></li><li><a href="/question/61478677.html">c# - 包括相关表</a></li><li><a href="/question/61478687.html">android - 当前线程必须有一个looper</a></li><li><a href="/question/61478688.html">intellij-idea - Intellij - 无法从 nexus 存储库下载 zip，但可以从浏览器下载相同的</a></li><li><a href="/question/61478695.html">java - Gradle Composite Project：即使使用正确的路径也“无法解决”</a></li> </ul> </div> <footer> <p><a href="/">时间戳在线转换</a></p> </footer> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6117966252207595" crossorigin="anonymous"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?7145e10314e5e27e886ad54be2aeb067"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body></html>