我有Instagram内容的摘要,其中包括最近的帖子.如果帖子是视频,则显示如下:带有自动播放,循环和静音属性的HTML5视频.
在美学上,结果非常令人愉悦; 但是在Safari中,当视频加载完毕后,浏览器会将网页向下跳到视频位置.它不会在Chrome中执行此操作.
视频不是主要内容,所以我不希望它跳过页面.
问题
是否有自动播放的W3C标准?即safari或chrome采用默认方法
解决这个问题的最佳方法是什么?
关于灵魂的思考
我可以关闭自动播放,而是触发JS的播放.然而,这似乎有点不必要,并创建一个新的依赖.
我使用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 Like'不适合其他按钮.经过检查,我意识到在他们的位置它呈现旧的设计:
似乎当退出Facebook时,它呈现旧的设计.但是对于某些用户登录时,它仍然会渲染旧设计.
任何人都知道新设计是否可以被迫,否则如何解决这个问题?