一半君的总结纸

听话只听一半君

QWebView 里使用css和javascript 备忘录

QWebView 里使用 js 和 css 测试

  • 首先是设置css,可以通过QWebSettings.globalSettings().setUserStyleSheetUrl(),也可以单独设置qwebview的settings, 如果有多个css文件,可以试试把他们拼起来,lz下面使用的方法是硬拼,全读出来,字符串再经过base64编码,放进data uri里

    lz给video controls加了hover效果,设置了播放控制条的背景颜色,时间字体的颜色,但是没找着其他按钮和滑动条的颜色如何设置(应该可以通过 background-image: url(data:image/png;base64,xxx)来设置)

  • 使用gifplayer jquery plugin让gif停住,点击后再播放

  • 如果使用qwebview的load, 那就不需要像上面那样自己加载css和js了,直接放在html文件里就可以,上面自己加载的原因是lz要让qwebpage是可编辑的

reference:
Webkit Pseudo-Element Selectors (Shadow DOM Elements)
Source/core/css/mediaControls.css – chromium/blink – Git at Google
HTML5 Video Player UI – CodePen
The Qt Resource System

Advertisements

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: