我正在尝试创建一个没有默认控件的HTML5视频播放器，只需单击视频(或覆盖div)即可播放/暂停。我想完全隐藏默认控件。我希望用户只能通过单击视频来暂停/播放。这可能吗？我最初的策略是在用作播放/暂停按钮的元素上方覆盖一个透明的div。下面是我开始的HTML和javascript，但需要一点帮助。谢谢大家!varvideoEl=$('#myVideo');playPauseBtn=$('#imgPoster');playPauseBtn.bind('click',function(){if(videoEl.paused){videoEl.play();}else{videoEl.pau

我正在尝试创建一个没有默认控件的HTML5视频播放器，只需单击视频(或覆盖div)即可播放/暂停。我想完全隐藏默认控件。我希望用户只能通过单击视频来暂停/播放。这可能吗？我最初的策略是在用作播放/暂停按钮的元素上方覆盖一个透明的div。下面是我开始的HTML和javascript，但需要一点帮助。谢谢大家!varvideoEl=$('#myVideo');playPauseBtn=$('#imgPoster');playPauseBtn.bind('click',function(){if(videoEl.paused){videoEl.play();}else{videoEl.pau

简介HTML5工具，例如deck.js或reveal.js看起来非常适合演示，包括可以使用MathJax轻松添加漂亮数学的科学演示。与科学演示密切相关的是打印海报(examples)，我想知道是否可以使用HTML和CSS来制作它们。在我看来，这是个好主意，因为:图像、表格、数学等都可以很容易地包含在内典型的基于网格的布局通常用于海报和HTML/CSS内容将与演示文稿很好地分开，从而更容易重复使用(例如在演示文稿和海报之间)只需稍作修改即可在网络上共享海报的副本问题是大多数CSS框架(例如Bootstrap)允许固定宽度的布局，但假设页面会向下滚动到需要的程度以适合所有内容。另一方面，对

简介HTML5工具，例如deck.js或reveal.js看起来非常适合演示，包括可以使用MathJax轻松添加漂亮数学的科学演示。与科学演示密切相关的是打印海报(examples)，我想知道是否可以使用HTML和CSS来制作它们。在我看来，这是个好主意，因为:图像、表格、数学等都可以很容易地包含在内典型的基于网格的布局通常用于海报和HTML/CSS内容将与演示文稿很好地分开，从而更容易重复使用(例如在演示文稿和海报之间)只需稍作修改即可在网络上共享海报的副本问题是大多数CSS框架(例如Bootstrap)允许固定宽度的布局，但假设页面会向下滚动到需要的程度以适合所有内容。另一方面，对

结论：76版本（至少）之前的Chrome，poster属性只在created中生效需求描述：输入视频分:秒格式【00:00】，视频封面显示为输入时间的视频截图方案：由输入分:秒修改为增加截取按钮，点击时暂停播放，获取当前播放时间，数据库保存为double；展示时通过canves绘制封面动态修改poster问题：部署时先遇到了canves跨域问题，按照网上搜到的方法修改无果；临时修改浏览器跨域配置后，poster属性已修改但页面无反应　　  了解到部署环境的谷歌浏览器版本为76.0.3809.100（怎么也找不到安装包，好不容易找到一个用不了，淦）　　  找了一个73版的Chrome，复现生产环

结论：76版本（至少）之前的Chrome，poster属性只在created中生效需求描述：输入视频分:秒格式【00:00】，视频封面显示为输入时间的视频截图方案：由输入分:秒修改为增加截取按钮，点击时暂停播放，获取当前播放时间，数据库保存为double；展示时通过canves绘制封面动态修改poster问题：部署时先遇到了canves跨域问题，按照网上搜到的方法修改无果；临时修改浏览器跨域配置后，poster属性已修改但页面无反应　　  了解到部署环境的谷歌浏览器版本为76.0.3809.100（怎么也找不到安装包，好不容易找到一个用不了，淦）　　  找了一个73版的Chrome，复现生产环