html5设置播放按钮,HTML5 Flowplayer的附加播放按钮

我正在使用HTML5 Flowplayer的最新版本(v5.4.1)，我正在尝试添加一个额外的“播放”按钮，以便视频将通过单击按钮以及单击视频容器开始。

因此我将视频嵌入到这样的叠加层中(工作正常)：

$('#overlay .flowplayer').bind('ready unload', function(e) {

$(this).parent().toggleClass('is-active', e.type == 'ready');

});

$('.flowplayer').flowplayer({

tooltip: false,

native_fullscreen: true

});

除了上面的代码之外，还应该有一个额外的按钮，它也应该打开#overlay并立即启动视频。

为了实现这个目的，我创建了一个简单的文本按钮来触发视频onclick：

Play

$('#additional-play').click(function () {

$('#overlay .flowplayer').bind('ready unload', function(e) {

$(this).parent().toggleClass('is-active', e.type == 'ready');

});

$('.flowplayer').flowplayer({

tooltip: false,

native_fullscreen: true

});

...但是#additional-play的点击还没有做任何事情。

我怎样才能解决这个问题？是否有更优雅的方式来实现额外的按钮？

html5设置播放按钮,HTML5 Flowplayer的附加播放按钮相关推荐

html5 设置设备震动,HTML5+ - 拨打电话、保持屏幕唤醒、设备震动
1.拨打电话参数: number: ( String ) 必选要拨打的电话号码 confirm: ( Boolean ) 可选是否需要用户确认后开始拨打电话设置为true表示打开系统拨打电话界 ...
html5 设置剪切板,Html5剪切板功能的实现
本篇文章主要介绍了Html5剪切板功能的实现代码,内容挺不错的,现在分享给大家,也给大家做个参考. 最近使用Vue开发Line(日韩的一款类似中国微信平台)的内嵌H5.里面的有一个需求就是将当前链接粘 ...
html5视频播放怎么结束,html5设置或返回音频/视频是否应该在结束时再次播放的属性loop...
实例将视频设置为循环播放:myVid=document.getElementById("video1");myVid.loop=true; 定义和用法 loop 属性设置或返回音 ...
用html做成的音频播放器,HTML5制作酷炫音频播放器插件图文教程
上图便是这个音频播放器的UI界面图,里面还隐藏了一个歌曲的播放列表.整个播放器的UI除了大背景的人像图和歌曲的星星评分使用了图片其他全部由CSS和font-face绘制而成,看上去有难度的地方就只有C ...
直播弹幕 html5,一种基于HTML5的弹幕播放器及其方法与流程
本发明涉及互联网技术领域,具体涉及一种基于HTML5的弹幕播放器及其方法. 背景技术: 弹幕是指一种在观看视频时,大量以字幕(有且不限于文字和图片)形式呈现的评论与视频同在一个画面的现象.在视频上方大 ...
Html5音乐可视化之音乐的获取和播放
---恢复内容开始--- Html5音乐可视化之音乐的获取和播放最近沉迷与数据可视化无法自拔,但是自己的水平实在不够,所以先从一些小Gimmicks开始吧! 下面来一张应用核心结构图感受以下:前端( ...
html5中音乐播放器怎么写,打造属于自己的音乐播放器 HTML5之audio标签
我的音乐播放器 HTML5中增加了Audio和Video标签,这两个标签的用法非常相似.功能却是相当强大,我们先来看一下Audio标签各个浏览器的支持情况.这里用的依然是Can I Use这个在线网站 ...
html5做在线音乐,html5实现在线响应式音乐播放器
大概很早的时候就有想法做一个音乐播放器玩玩,以前可能还考虑过做APP,大一的时候第一个html的静态页面也是做的音乐网站,想想,大概小时候比较喜欢音乐吧.然而,现在入了前端大坑,就用h5做一个耍耍好了 ...
html5圆形提交按钮样式,HTML5 SVG带圆形进度条动画的提交按钮特效
这是一款非常实用的HTML5 SVG带圆形进度条动画的提交按钮特效.该提交按钮在被点击之后,按钮变形为一个圆形的进度条,当进度条运行一周之后,可以设置提交成功和提交失败的两种按钮状态. 制作方法 HT ...

html5设置播放按钮,HTML5 Flowplayer的附加播放按钮

html5设置播放按钮,HTML5 Flowplayer的附加播放按钮相关推荐

最新文章

热门文章