我有一个循环的HTML5视频使用<video loop="true">,我想知道视频何时循环.事件侦听器play仅在最初启动视频时触发,并且ended从不触发.
不精确的性质timeupdate使我紧张使用if ( v.currentTime <= 0 ),但它似乎确实有效.有没有更好的方法来检测视频何时重启?
这是我的基本设置:
<video autoplay="true" loop="true" muted="true">
<source src="vidoe.mp4" type="video/mp4">
<source src="video.webm" type="video/webm">
<source src="video.ogv" type="video/ogg">
</video>
<div id="Video-Time"></div>
<script>
var v = document.getElementsByTagName('video')[0]
var t = document.getElementById('Video-Time');
v.addEventListener('timeupdate',function(event){
t.innerHTML = v.currentTime;
if ( v.currentTime <= 0 ) { console.log("Beginning!"); } // It does trigger when looping, surprisingly
},false);
v.addEventListener('play', function () {
console.log("play!"); // Only triggered when the video initially starts playing, not …Run Code Online (Sandbox Code Playgroud) 我希望能够<defs>在页面上定义一次掩码,然后在多个<svg>元素中重用它.
例如:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xlink="http://www.w3.org/1999/xlink">
<defs>
<clipPath id="SvgjsClipPath1009">
<rect width="200%" height="80%" x="0" y="20%"></rect>
<rect width="200%" height="80%" x="0" y="20%"></rect>
</clipPath>
</defs>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xlink="http://www.w3.org/1999/xlink">
<g clip-path="url(#SvgjsClipPath1009)">
<image class="Chevron-Image" xlink:href="http://placekitten.com/g/1200/1200" width="1200" height="1200" x="50%" y="50%"></image>
</g>
</svg>
Run Code Online (Sandbox Code Playgroud)
目前,这在Chrome中无效.这样做是否有诀窍或所有SVG都必须是自包含的?
有没有办法获取 Monaco 的可用命令/操作及其 ID 的列表,例如editor.action.formatDocument?
文档中似乎没有任何内容,我正在努力在 VS Code 存储库中查找注册的操作和命令。命令面板显示了其中的大部分,但如果您想使用 手动调用它们,则不会显示它们的 ID executeCommand。