关于CSDN文章内嵌视频自动播放问题

2023-05-16

关于CSDN文章内嵌视频自动播放问题

  • 1. 源由
  • 2. 分析
  • 3. 反馈
  • 4. 沟通
  • 5. 总结
  • 6. 附录-Firefox配置
  • 7. 附录-Microsoft Edge配置

1. 源由

这个问题是4月初发现的,主要现象就是页面上的视频一起自动播放了。

鉴于笔者有不少帖子都是文字、表格、图片、视频结合的。视频是一种动态展示的主要手段,能够从动态的角度反馈很多本质问题。但是当一个页面存在较多视频的时候,自动播放就是很糟糕体验。

以Betaflight BN880 GPS 简单测试 为例:

  1. 流量徒增
  2. 声音嘈杂
  3. 体验差

2. 分析

通常来说媒体播放存在主要两个角色:服务端和客户端。从设计的角度,自动播放特性可以有几种实现方式:

  1. 客户端配置
  2. 服务端建议==》客户端配置
  3. 客户端学习==》客户端配置
  4. 服务端建议==》客户端学习==》客户端配置

这里指出一些概念和定义:

客户端配置:客户端作为媒体播放主体,负责自动播放特性的配置(自动或禁止或选择性播放)

服务端建议:服务端作为资源方,对于提供资源属性给出资源的播放建议(自动或禁止)

客户端学习:用户习惯分析已经越来越趋于个性化,客户端的行为习惯也是一种用户习惯的体现,根据用户的习惯来展现资源,友好度可以大幅提升。因此客户端通过用户行为习惯的学习进行积累和数据汇总(说大了就是大数据分析),提供一个选择性播放的依据。

3. 反馈

从黑匣子的角度来说:CSDN服务器,浏览器。对于大家和笔者来说都是不可见的。因此,我们需要进行更多的沟通来尝试获取答案。

因此,我们采用了常规简单的方法:提交问题单(感谢CSDN有这个渠道)。

我们将上述问题按照如下方式进行文字反馈:

含bilibili的视频,网页打开默认直接播放(需修改为默认不播放)
详见:https://blog.csdn.net/lida2003/article/details/130076732 多视频网页,默认播放会导致第一流量徒增,第二声音很嘈杂,第三给人一种整体很凌乱的感觉

4. 沟通

大概2周左右的时间,没有比较理想的反馈结果,但是从技术的角度,很想知道为什么和如何解决,因此我们直接进行了在线沟通。

CSDN反馈总结如下:

由于浏览器自身特性导致的问题

  1. Chrome浏览器在76版本之前是通过chrome://flags/#autoplay-policy 中设置是否自动播放,在76版本之后通过学习用户的使用习惯来决定哪些网站禁止视频自动播放。
    在多次手动播放直播后,Chrome会记住是可自动播放的网站。(大约需要20多次点击播放并观看5s后,Chrome会记住您的操作行为);
  2. 主要问题不在平台上,而是浏览器的配置上问题
    在这里插入图片描述

注1:上述沟通信息和截图已经获得CSDN同意公开。
注2:请大家注意,有些技术信息可能并不完全准确,比如:Firefox也是自动播放,并不是说不支持自动播放。唯一的问题是版本,可能之前的版本是不支持,可是后来的新版本有了更多功能。

5. 总结

根据我们【2.分析】和【4.沟通】了解到的信息来看,我们可以大体上了解到:

在浏览器上实现自动播放功能已经有这几种模式:

  1. 不支持自动播放
  2. 浏览器配置自动播放
  3. 浏览器学习并配置自动播放

而这里笔者提出的设计概念理由是:“服务器端对于资源的理解和解释相对来说更加透彻,因此这是一个源头。”

这里做个场景假设,应用到文章来说:

  1. 当有一个媒体资源文件,资源方推荐播放(不会嘈杂)
  2. 当有多个媒体资源文件,资源方推荐禁止播放(让用户浏览过程进行选择)
  3. 浏览器根据资源使用方的习惯,在资源方的推荐策略下,结合用户习惯,最终决策进行自动播放配置。

6. 附录-Firefox配置

基于火狐浏览器打开b站默认静音解决办法,这里在firefox浏览器界面,采用快捷键组合健Crtl+I,弹出firefox的配置项对话框。

在这里插入图片描述

7. 附录-Microsoft Edge配置

这里感觉就有点用户习惯学习的东西了。看到是限制,实际我用下来,是自动播放了(我基本不用这个浏览器),也不知道他是怎么理解这个学习的。总体感受,不智能(也许是我配置的问题????)
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

关于CSDN文章内嵌视频自动播放问题 的相关文章

  • CSDN博主 慕羽★ 的附件下载方式总结

    来CSDN一年多了 xff0c 与很多小伙伴进行了交流 xff0c 给大家提供帮助的同时 xff0c 自己也得到了提升 xff0c 感谢大家的陪伴与支持 之前是通过留言和邮件发送附件 xff0c 有时消息过多 xff0c 发放时可能有遗漏
  • CSDN第25期编程竞赛部分题解报告

    第一题 xff1a 分层遍历二叉树 时间限制 1000ms 内存限制 256M 题目描述 给定一棵二叉树 节点定义如下 structNode span class token punctuation span Node 34 pLeft s
  • 关于CSDN代码段的背景颜色修改

    当我第一次去在CSDN中写代码时会发现自己的是用的 代码段 是如图下所示这种黑色的背景 那么自己想要去修改因该如何设置 1 鼠标悬停到头像上 2 点击内容管理标签 3 点击博客设置 4 在代码片样式中选择自己喜欢的样式就可以了
  • 获取CSDN文章内容并转换为markdown文本的python

    这篇文章主要介绍了自己写的小工具 xff0c 可以直接获取csdn文章并转换为markdown格式 需要的朋友可以参考下 自己写的小工具 xff0c 可以直接获取csdn文章并转换为markdown格式 效果图 核心代码 span clas
  • CSDN,我的良师益友

    鲁迅曾说过 xff1a 不是缺乏天才 xff0c 而是缺乏培养天才的土壤 对于中国的 IT 行业来说 xff0c 从来不缺乏技术英雄 xff0c 缺少的是铸就技术英雄的平台 而 CSDN 就给了我们这样一个平台和机会 xff0c 所以我们是
  • CSDN最全数学公式

    CSDN中的数学公式 1 加减乘除 a 43 b a 43 b a 43 b xff1a a 43 b a
  • 搜一下会发现CSDN上有不少树莓派连接Pixhawk的,或者ROS连接Pixhawk的

    搜一下会发现CSDN上有不少树莓派连接Pixhawk的 xff0c 或者ROS连接Pixhawk的 xff0c 来进行相对应的实验 看来大家基本都是用Pixhawk 有很多人已经做成了 xff0c 做出来了 xff0c 所以甚至感觉没必要去
  • 以CSDN为例解释尼尔森十大交互原则

    一 状态可见原则 用户在网页上的任何操作 xff0c 不论是单击 滚动还是按下键盘 xff0c 页面应即时给出反馈 即时 是指 xff0c 页面响应时间小于用户能忍受的等待时间 举例 xff1a CSDN上文章底部都会有一个 喜欢 按钮 x
  • 时隔两三年之后重新思考“写博客”的意义所在,为什么还是选择使用csdn

    重新开始写博客的理由 在推上看了很多大佬的博客 如迟先生 他们的博客上并不会包含很多基础内容 更多的都是个人实践 论文阅读 底层原理 然后回想我大学时期写博客的动机 只是为了从阅读量和排名中获取满足感 那个时期写的博客 不例外如抄书 转载
  • 【分享】原力计划的初衷 【探讨】新的一年,你对原力计划有哪些期待?

    课前小差 哈喽 大家好 我是几何心凉 这是一份全新的专栏 唯一得倒CSDN王总的授权 来对于我们每周四的绿萝时间 直达CSDN 直播内容进行总结概括 让大家能够省去看直播回放的时间也能够了解直播内容和官方的最新动态 希望大家给予凉哥最大的支
  • CSDN博客如何设置的更美观和贴好看的代码

    之前学习写博客时想要写出整洁的博文 贴好看的代码 所以百度了好多位小可爱的方法 奈何我太笨可能对我帮助不是很大 依然是一头雾水 我是想要找到那种黑色背景代码高亮的方式 后来自己慢慢琢磨出来了 所以把我的方法分享一下 1 在博客设置首页有博客
  • C语言 创建简单结构体输入学生基本信息

    结构体 include
  • csdn添加可跳转的文章目录连接

    一篇文章最好只有一个目录 toc 这是文章标题 toc 自定义标题 自定义标题这样写
  • 我的创作纪念日(另外关于所有网盘数据失效的问题请看这里)

    机缘 最初成为创作者的初心 从小就喜欢抄书写便签 经常被别人说傻 你记这些东西有什么用呢 从六岁开始就接触电脑了 奈何喜欢电脑却一直被现实生活打趴下 接触 Linux 接触的比较晚 一五年才知道原来这个世界上真的有只有字符代码界面的系统 那
  • 洛谷P1149(NOIP2008) 火柴棒等式 (C语言 + 详细注释)

    题目描述 给你n根火柴棍 你可以拼出多少个形如 A B C 的等式 等式中的A B C是用火柴棍拼出的整数 若该数非零 则最高位不能是00 用火柴棍拼数字0 9的拼法如图所示 注意 加号与等号各自需要两根火柴棍 如果A B 则A B C与B
  • 如何录制gif动态图片并在CSDN中插入动态图片

    我们在网上浏览别人的博客时 经常可以看到以gif动态图显示的程序效果演示和代码段 那么如何录制gif动态图片并在CSDN中插入动态图片呢 下面介绍一种简单的方法 了解之后 你也可以将其应用在自己的博客中 以动态图的方式展示程序运行结果 当我
  • 2023 年博客之星的入围规则

    最近的活动 博客之星6月城市领跑比赛 CSDN 博客之星 是一年一度的博主评选 是平台对博主一年贡献的答谢 往年的博客之星均在年末进行 2023年我们进一步优化了博客之星的评选规则 让更多优质的博主更有机会上榜 也无需担心错过报名时间 以下
  • CSDN-如何修改字体的大小和颜色呢

    CSDN 如何修改字体的大小和颜色呢 CSDN markdown编辑器是其衍生版本 扩展了Markdown的功能 如表格 脚注 内嵌HTML等等 Size 规定文本的尺寸大小 可能的值 从 1 到 7 的数字 浏览器默认值是 3 一 模板
  • JAVA 数组(一维数组)

    Java 语言中提供的数组是用来存储固定大小的同类型元素 即存储同种数据类型的多个值 1 声明数组变量和数组初始化 首先必须声明数组变量 才能在程序中使用数组 语法 dataType arrayRefVar 或 dataType array
  • JAVA 练习

    错题回顾 1 运行如下代码 class COne public void f System out println COne f class CTwo extends COne public void f System out printl

随机推荐