视频流html5播放器。如何自动执行滑动寻道和音量控制

莉亚切斯科塔

我在Ruby中使用Webdriver,并且想验证iFrame中html5破折号播放器的搜索和音量滑块控件。

想法是仅检查播放器是否接受了命令,以提前搜索“ x”时间或转到播放的开头,然后搜索一半的搜索进度条。问题在于,手动测试播放器时,“箭头键”不起作用,因此搜索播放的唯一方法是单击搜索栏中想要的位置。

这是我想验证播放器何时开始播放的html片段:

<div id="progressbar" data-value="0" class="ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all"><div class="ui-slider-range ui-widget-header ui-corner-all ui-slider-range-min" style="width: 61.436170212766%;"></div><span class="ui-slider-handle ui-state-default ui-corner-all" tabindex="0" style="left: 61.436170212766%;"><div class="tooltip-container" style="display: none;"><div id="time-tooltip">0:03:50</div><div class="triangle-down"></div></div></span></div>

我尝试了几个没有运气的示例,这是我编写的代码的一部分,运行测试用例,并且“ Toggle-play”元素中的事件“ click”可以正常工作:

    reg = @driver.find_element(:id, "fancybox-frame")
    @driver.switch_to.frame reg
    @driver.find_element(:id, "toggle-play").click

我附上了媒体控件和Google Chrome浏览器的“检查元素”部分的屏幕截图(播放器仅适用于Google Chrome,不适用于Firefox)

安东·安杰洛夫(Anton Angelov)

我个人认为最好的方法是使用播放器的Java Script API。查找文档并通过调用JavaScript方法执行操作来执行命令。在Ruby驱动程序中执行JavaScript的代码:

# execute arbitrary javascript
puts driver.execute_script("return window.location.pathname")
# pass elements between Ruby and JavaScript
element = driver.execute_script("return document.body")
driver.execute_script("return arguments[0].tagName", element) #=> "BODY"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

视频流html5播放器。如何自动执行滑动寻道和音量控制

来自分类Dev

如何删除播放器上的音量控制?

来自分类Dev

如何显示媒体播放器程序以在Windows 10的音量控制上显示

来自分类Dev

关闭HTML5视频中的音量控制和静音按钮

来自分类Dev

HTML5音频标签的音量控制

来自分类Dev

如何制作通用的HTML5视频播放器

来自分类Dev

如何在同一HTML5播放器中放大视频并切换视频流?

来自分类Dev

使用HTML5和javascript在全屏播放器而非背景全屏模式下自动播放视频

来自分类Dev

如何在html5音频和视频播放器中回显php数组?

来自分类Dev

如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

来自分类Dev

HTML5和JavaScript中每个音频播放器的音量滑块

来自分类Dev

HTML5视频播放器:动态加载视频

来自分类Dev

html5视频播放器和视频js之间的关系

来自分类Dev

如何在AVplayer中实现视频文件的音量控制?

来自分类Dev

音量控制iOS

来自分类Dev

如何防止HTML5视频播放器播放图标在iPhone Safari中消失

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

html5视频播放器错误处理

来自分类Dev

HTML5视频播放器进度栏更新

来自分类Dev

视频播放器:HTML5 vs Youtube API

来自分类Dev

HTML5视频播放器全屏问题

来自分类Dev

媒体视频播放器HTML5 JS

来自分类Dev

耳机音量控制内置扬声器

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

切换SHOUTcast音频流HTML5音频播放器和JQuery

来自分类Dev

如何将视频从Play 2 Framework流式传输到HTML5播放器

来自分类Dev

如何将上下文菜单嵌入HTML5视频播放器?

来自分类Dev

如何修复干扰Firefox默认HTML5视频播放器的功能

来自分类Dev

如何在进度指示栏中的html5视频播放器中添加标记?

Related 相关文章

  1. 1

    视频流html5播放器。如何自动执行滑动寻道和音量控制

  2. 2

    如何删除播放器上的音量控制?

  3. 3

    如何显示媒体播放器程序以在Windows 10的音量控制上显示

  4. 4

    关闭HTML5视频中的音量控制和静音按钮

  5. 5

    HTML5音频标签的音量控制

  6. 6

    如何制作通用的HTML5视频播放器

  7. 7

    如何在同一HTML5播放器中放大视频并切换视频流?

  8. 8

    使用HTML5和javascript在全屏播放器而非背景全屏模式下自动播放视频

  9. 9

    如何在html5音频和视频播放器中回显php数组?

  10. 10

    如何使用JavaScript和HTML5播放器更改当前正在播放的YouTube视频的播放速度?

  11. 11

    HTML5和JavaScript中每个音频播放器的音量滑块

  12. 12

    HTML5视频播放器:动态加载视频

  13. 13

    html5视频播放器和视频js之间的关系

  14. 14

    如何在AVplayer中实现视频文件的音量控制?

  15. 15

    音量控制iOS

  16. 16

    如何防止HTML5视频播放器播放图标在iPhone Safari中消失

  17. 17

    视频播放器:HTML5 vs Youtube API

  18. 18

    html5视频播放器错误处理

  19. 19

    HTML5视频播放器进度栏更新

  20. 20

    视频播放器:HTML5 vs Youtube API

  21. 21

    HTML5视频播放器全屏问题

  22. 22

    媒体视频播放器HTML5 JS

  23. 23

    耳机音量控制内置扬声器

  24. 24

    切换SHOUTcast音频流HTML5音频播放器和JQuery

  25. 25

    切换SHOUTcast音频流HTML5音频播放器和JQuery

  26. 26

    如何将视频从Play 2 Framework流式传输到HTML5播放器

  27. 27

    如何将上下文菜单嵌入HTML5视频播放器?

  28. 28

    如何修复干扰Firefox默认HTML5视频播放器的功能

  29. 29

    如何在进度指示栏中的html5视频播放器中添加标记?

热门标签

归档