Question

我对前端领域相当新，所以请耐心等待......我有一个带有嵌入视频的HTML页面，通过HTML视频标签如下：

<video id=... class=...>
    <source src=... type="video/mp4">
</video>

此视频在完成播放后重置为开头。现在我想用量角器来测试它。目前我可以获得该元素，但我不知道如何播放/暂停视频，从量角器测试看视频的距离等。我可以通过element(by.id('<id>'))获取元素，我可以做正常的事情，比如看它是否可见，点击它等等，但不知道如何获得元素的内容。

更新：

问题在于，当我的视频标记指定“控件”属性时，控件由浏览器提供。这意味着播放/暂停按钮不是DOM的一部分，因此我无法达到它。此外，浏览器是发送事件以说视频已结束的浏览器。因此，为了让我测试视频在结束后重置，我需要点击未列为DOM对象的播放按钮。有没有办法在不播放视频的情况下触发'已结束'事件？或者我可以通过以某种方式将currentTime属性设置为duration属性来触发它吗？

Answer 1

您无法通过选择器选择播放/暂停控件，而是可以自行添加按钮并向其添加HTML音频/视频事件。这样您就可以自动使用该按钮。

button.onclick = function () {
   (videoSelector).play/pause();
}

Answer 2

要播放视频，您必须选择播放＆＃39;来自＆＃39; DOM＆＃39;的按钮而不是id的视频标签说元素（by.css（＆＃39;＆lt; .class of play button＆gt;＆＃39;））如果它出现在isPresent（）的回调中，则添加click事件。为了给出一个完整的答案，最好有一个关于“DOM”的快照。在播放视频时。

Answer 3

我目前发现的最佳选择是使用普通的javascript来自动化执行暂停，播放等在页面对象或规范中添加以下代码：

    browser.executeScript(function () {
        var video = document.getElementById('video');
        video.play();
    });

视频标签的量角器测试

3 个答案: