小编sla*_*e10的帖子

Safari浏览器跳转以显示HTML5自动播放视频

我有Instagram内容的摘要,其中包括最近的帖子.如果帖子是视频,则显示如下:带有自动播放,循环和静音属性的HTML5视频.

在美学上,结果非常令人愉悦; 但是在Safari中,当视频加载完毕后,浏览器会将网页向下跳到视频位置.它不会在Chrome中执行此操作.

视频不是主要内容,所以我不希望它跳过页面.

问题

  1. 是否有自动播放的W3C标准?即safari或chrome采用默认方法

  2. 解决这个问题的最佳方法是什么?

关于灵魂的思考

我可以关闭自动播放,而是触发JS的播放.然而,这似乎有点不必要,并创建一个新的依赖.

safari video html5 autoplay

6
推荐指数
1
解决办法
968
查看次数

Facebook喜欢按钮 - 旧设计和新设计的渲染之间的差异

使用Javascript SDK在Wordpress主题的博客帖子上呈现了Facebook Like按钮,包括以下属性:

data-layout="button_count" data-action="like" data-size="large" data-show-faces="false"
Run Code Online (Sandbox Code Playgroud)

您可能知道Facebook在2016年夏季更改了此按钮的设计.

我创建了一个共享栏,我在其中为其他社交媒体平台模仿了相同的按钮设计,并在栏的末尾呈现Facebook状按钮:

渲染新设计的Facebook像按钮

有趣的是:客户提交了一个错误,称'Facebook Like'不适合其他按钮.经过检查,我意识到在他们的位置它呈现旧的设计:

渲染旧设计Facebook像按钮

似乎当退出Facebook时,它呈现旧的设计.但是对于某些用户登录时,它仍然会渲染旧设计.

任何人都知道新设计是否可以被迫,否则如何解决这个问题?

facebook facebook-graph-api

6
推荐指数
1
解决办法
148
查看次数

标签 统计

autoplay ×1

facebook ×1

facebook-graph-api ×1

html5 ×1

safari ×1

video ×1