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

news2024/10/5 6:28:05

关于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配置

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/442409.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

机器学习:opencv案例——人脸检测

目录标题 实验数据实验原理实验步骤实验结果 实验数据 lena.jpg face3.jpg video.mp4 实验原理 (1)图片灰度转换 OpenCV 中有数百种关于在不同色彩空间之间转换的方法。 当前, 在计算机视觉中有三种常用的色彩空间: 灰度、 BG…

redis lpush rpop List消息队列实现

List 队列: 生产者存入消息: LPUSH queue2 msg1 LPUSH queue2 msg2 LPUSH queue2 msg3 消费者消费消息: RPOP queue2 RPOP queue2 RPOP queue2写个死循环消费: while true://没消息阻塞等待,3秒超时返回null,设置0时没消息一直浪…

JavaSE学习进阶day07_02 异常

第三章 异常 3.1 异常概念 异常,就是不正常的意思。在生活中:医生说,你的身体某个部位有异常,该部位和正常相比有点不同,该部位的功能将受影响.在程序中的意思就是: 异常 :指的是程序在执行过程中,出现的非正常的情况&#xff0…

Android---屏幕适配

为什么要适配 由于 Android 系统的开放性,任何用户、开发者、OEM 厂商、运营商都可以对 Android 进行定制,于是导致运行 Android 的设备多种多样,它们有着不同的屏幕尺寸和像素密度。尽管系统可以通过基本的缩放和调整大小功能使界面适应不同…

【LeetCode: 53. 最大子数组和 | 暴力递归=>记忆化搜索=>动态规划 | 分治法 】

🚀 算法题 🚀 🌲 算法刷题专栏 | 面试必备算法 | 面试高频算法 🍀 🌲 越难的东西,越要努力坚持,因为它具有很高的价值,算法就是这样✨ 🌲 作者简介:硕风和炜,…

抽象类,内部类,匿名类

java学习第十天 抽象类 1.用abstract关键字来修饰一个类时,这个类就叫抽象类 访问修饰符 abstract 类名 { } 2.用abstract关键字来修饰一个方法时,这个方法就是抽象方法访问修饰符abstract返回类型方法名(参数列表);//没有方法体 3.抽象类的价值更多作用是在于设计,是设计者…

ROS学习第十四节——参数服务器控制小乌龟

1.使用命令修改参数服务器 单独使用命令启动小乌龟节点,不是用lanuch文件,不启动键盘控制节点 rosrun turtlesim turtlesim_node 使用命令打印参数服务器参数列表 rosparam list 修改小乌龟节点的背景色 rosparam set /turtlesim/background_b 自定…

网络安全:一次艰难的 WAF 绕过

0x00:前言 做之前没想过有这么难 0x01:后缀绕过 首先看一下 waf 咋工作的,当数据包匹配到 waf 规则后,数据包就会被丢弃掉,就像这样 waf 是拦截后缀的,首先 fuzz 一波换行 失败 多个等于号 失败 单双引号…

入门Pytorch时的一些报错

Anaconda是一个很好的可以管理python环境的工具,推荐大家结合pycharm使用。 我入门时是参照up我的土堆的Pytorch教程来安装学习的,其中也遇到了一些问题。 1. torch.cuda.is_available结果显示False import torch torch.cuda.is_available 用anacon…

4月17号软件资讯更新合集.....

CrateDB 5.3.0 发布,分布式 SQL 数据库 CrateDB 是一个分布式的 SQL 数据库,使得实时存储和分析大量的机器数据变得简单。CrateDB 提供了通常与 NoSQL 数据库相关的可扩展性和灵活性,最小的 CrateDB 集群可以轻松地每秒摄取数万条记录。这些…

通过Python的PIL库给图片添加文本水印

文章目录 前言一、PIL是什么?二、安装PIL三、查看PIL版本四、使用PIL库给图片添加文本水印1.引入库2.打开图片文件3.新建一个Draw对象4.设置水印文字、字体、大小5.设置水印颜色5.1通过名称设置颜色5.2通过RGB值设置颜色5.3通过RGBA值设置颜色5.4通过十六进制设置颜…

Word控件Spire.Doc 【脚注】字体(3):将Doc转换为PDF时如何使用卸载的字体

Spire.Doc for .NET是一款专门对 Word 文档进行操作的 .NET 类库。在于帮助开发人员无需安装 Microsoft Word情况下,轻松快捷高效地创建、编辑、转换和打印 Microsoft Word 文档。拥有近10年专业开发经验Spire系列办公文档开发工具,专注于创建、编辑、转…

HttpServletRequest的介绍和方法以及代码实战

目录 HttpServletRequest HttpServletRequest 介绍 HttpServletRequest 常用方法 代码实战 HTML部分 Java部分 web.xml配置 请求转发 为什么需要请求转发 请求转发说明 请求转发原理示意图 代码实战 HTML部分 CheckServlet部分 ManageServlet 部分 xml部分 请求…

【Linux】进程的概念

文章目录 📖 前言1. 冯诺依曼体系结构1.1 内存存在的意义:1.2 程序加载到内存的意义:1.3 程序的预加载: 2. 认识进程2.1 如何理解管理:2.2 什么叫是进程:(初步理解) 3. 简单认识操作…

读SQL进阶教程笔记13_SQL中的分组和层级

1. 数据分组 1.1. SQL的语句中具有分组功能的是GROUP BY和PARTITION BY 1.1.1. 两者都有数学的理论基础 1.1.2. 都可以根据指定的列为表分组 1.1.3. 区别仅仅在于,GROUP BY在分组之后会把每个分组聚合成一行数据 1.1.4. GROUP BY的作用是将一个个元素划分成若干…

CentOS7误删自带python2或yum异常导致yum命令不可用的解决方法

yum命令不可用的解决方法 异常场景1原因验证解决方案让Python2与Python3共存 异常场景2原因解决方案卸载、删除残留文件下载系统版本对应的yum包 异常场景1 在执行yum命令时,系统无法找到 Python 解释器,因此无法运行 yum 命令,具体异常如下…

详解语义分割deeplabv3+模型的工业应用流程

来源:投稿 作者:某一个名字 编辑:学姐 导语 在工业视觉应用中,目标检测算法常用于特征的粗定位,而语义分割则在特征的精定位方面有着突出的表现。使用较多的语义分割模型主要有FCN、deeplab系列、unet等,根…

ASEMI代理ADI亚德诺AD8210YRZ-REEL7车规级芯片

编辑-Z AD8210YRZ-REEL7芯片参数: 型号:AD8210YRZ-REEL7 偏移电压(RTI):1.0mV 超温(RTI):1.8 mV 差分输入阻抗:2 kΩ 共模输入阻抗:5 MΩ 共模输入电压…

数据离奇丢失案件的侦破与思考

01 离奇的数据丢失案件 最近生产环境出了一起数据离奇丢失的案件,调查过程很曲折,几度进入死胡同。下面跟大家分享整个事件的来龙去脉。 1.1 数据丢失案件 8月初,用户批量导入了一批(300)委托人数据,导入…

完美解决丨SyntaxError: invalid syntax

样例 1.1. 不同编辑器 VSCode:点击查看PyCharm:点击查看 1.2. 不同版本 1.2.1. python2 与 python3 的差异 Python2 的 print 语句如下: python print Hello, World! Python3 的 print 语句如下: python print(Hello, World!) P…