小编shs*_*haw的帖子

当HTML5 <video>循环重启时,在Javascript中检测?

我有一个循环的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)

javascript video html5

11
推荐指数
2
解决办法
8608
查看次数

SVG:在页面上定义<defs>一次,在多个<svg>中使用?

我希望能够<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都必须是自包含的?

html5 svg

7
推荐指数
1
解决办法
2286
查看次数

获取摩纳哥命令/操作 ID 列表?

有没有办法获取 Monaco 的可用命令/操作及其 ID 的列表,例如editor.action.formatDocument

文档中似乎没有任何内容,我正在努力在 VS Code 存储库中查找注册的操作和命令。命令面板显示了其中的大部分,但如果您想使用 手动调用它们,则不会显示它们的 ID executeCommand

javascript monaco-editor

7
推荐指数
1
解决办法
4876
查看次数

标签 统计

html5 ×2

javascript ×2

monaco-editor ×1

svg ×1

video ×1