自定义自动播放进度条-动态宽度属性-在铬中不起作用
自定义自动播放进度条是指在网页中自定义一个进度条，用于显示音视频的播放进度。动态宽度属性是指进度条的宽度会根据音视频的播放进度动态变化。
在Chrome浏览器中，动态宽度属性可能不起作用的原因可能是由于浏览器的安全策略限制了对某些属性的动态修改。为了解决这个问题，可以尝试以下方法：
- 使用JavaScript：通过JavaScript代码来实现动态宽度属性。可以通过获取音视频的播放进度，然后动态修改进度条的宽度来实现效果。
- 使用CSS动画：利用CSS的动画特性来实现进度条的动态宽度。可以通过定义关键帧动画，根据音视频的播放进度来修改进度条的宽度。
- 使用第三方库：使用一些专门用于处理音视频播放的前端库，例如video.js、plyr等。这些库提供了丰富的功能和样式，可以方便地实现自定义的进度条，并且解决了浏览器兼容性的问题。
在腾讯云的产品中，可以使用腾讯云视频处理服务（https://cloud.tencent.com/product/vod）来处理音视频文件，并提供了丰富的功能和接口，可以方便地实现自定义的进度条。同时，腾讯云还提供了腾讯云媒体处理服务（https://cloud.tencent.com/product/mps）和腾讯云直播服务（https://cloud.tencent.com/product/live），可以满足更多音视频处理和直播的需求。
总结：自定义自动播放进度条的动态宽度属性在Chrome浏览器中可能不起作用，可以通过使用JavaScript、CSS动画或第三方库来实现。腾讯云提供了视频处理、媒体处理和直播服务，可以满足音视频处理的需求。
相关·内容
1回答
我有一个自定义的进度bur的音频播放标签，这是动态改变宽度。宽度值以当前时间和时长为基础进行计算。我可以看到，当播放唱片时，元素宽度属性正在动态地、渐进地改变它的值，但是条形图没有进展。它可以在Firefox中工作，但不能在chromium中工作。
$('.myProgressBar').css('width', a + '%');
浏览 18提问于2019-11-22得票数 0
我正在开发一个web应用程序，并试图在Internet中显示具有动态宽度(基于进度条标签)的进度条。我在Windows 8和Windows8.1 IE的版本中工作。在IE中加载视图时，宽度将显示为style=“而不是style=”宽度：{progressBar.percent}}%“。
我能够在中呈现进度条的动态颜色和标签。但是
浏览 3提问于2015-07-29得票数 0
回答已采纳
我不想使用标准进度条，所以一直在尝试实现自定义进度条。我有问题的自定义轨道图像没有显示。
“跟踪”图像为280x32，进度条的宽度设置为280，高度锁定为2。我还尝试在代码中设置图像： budgetProgress.progressImage= UI
浏览 0提问于2014-08-14得票数 0
回答已采纳
1回答
我已经开始学习Vuejs，作为一个新手，我开始学习一些基本的东西，比如从API中获取数据并将数据呈现给模板。到现在为止，它还不错，但我有个主意要设置一个进度标杆。因此，每次在db中添加记录，然后按百分比增加进度，这意味着在db 1%中有1条记录，2条记录2%等等，直到达到100%。
浏览 6提问于2022-06-08得票数 1
回答已采纳
1回答
我正在尝试创建一个UserControl，它充当了一个分段的进度条。输入是对象的集合，每个对象都有一个类别、一个持续时间属性和一个状态属性。UserControl应该扩展父控件的宽度和高度。集合中的每一项都应表示进度条的一个段；段的颜色与状态相关，段的宽度与持续时间有关，段上覆盖的文本将与类别或其他内容相关。示例自定义进度栏：
文本可能是集合项的ID，顶部段颜色与状态相关，底部颜色与类别相关，宽度与持续时间相关。我已经考虑过的一
浏览 2提问于2015-11-13得票数 5
回答已采纳
在我的应用程序中，我有一个根据宽度指示信息的矩形，这只是一个自定义进度条。我没有将它的宽度绑定到ViewModels属性，因为更改并不平滑，条形图看起来会起伏不定，但我希望在数据更改时具有平滑的动画。因此，我的事件处理程序正在通知应该反映在UI中的各个属性，但矩形的处理方式不同，该事件处理程序对PropertyChanged事件的底层依赖项进行了响应。，该属性在更改时引发PropertyChange
浏览 18提问于2017-01-13得票数 0
回答已采纳
1回答
我对在移动浏览器上自动播放html视频有一个问题。一开始，我是用自动播放和游戏线属性来完成的。就在几天前，它停止了在移动设备上的工作。我第一次尝试的时候，它实际上并不是在移动狩猎上工作，但对CriOs (ios中的chrome)来说是可以的。-If我使用WebM，它只在桌面Chrome上工作。它现在也不再使用移动铬了。几天前它还在工作，但现在
浏览 0提问于2018-03-20得票数 1
回答已采纳
自动播放在移动设备(安卓、iOS)中不起作用。自动播放功能可以在手机上使用吗？在html5中有另一个插件可以显示视频并在手机中自动启动吗？
浏览 6提问于2014-02-11得票数 0
1回答
我已经在JavaFX中创建了一个自定义进度条。现在我想在progressBar中添加辉光效应。为此，我创建了一个带有高斯模糊效应的椭圆，并将椭圆的centerX添加到一个时间线中，这样我就可以在进度条中动画辉光效果。); glow_timeline.getKeyFrames().add(keyframe1);虽然我已经将宽度
浏览 5提问于2016-09-17得票数 0
我有一个在浏览器中自动播放的简短的循环html5视频。当浏览器的宽度缩小到870 is时，由于css媒体查询和显示:无；
如果窗口以较小的大小启动，例如在移动设备上，我如何确保视频不会下载？
浏览 9提问于2014-06-04得票数 7
回答已采纳
我使用System.Windows.Forms.DataVisualization.Charting.创建了一个错误条形图(SeriesChartType.ErrorBar)错误条上的默认标记宽度太小，
浏览 1提问于2017-12-14得票数 0
回答已采纳
宽度、和高度是使用JavaScript分配的(这样用户就可以从纵向切换到景观)。$("#cloud").width(width).height(height);//width=260.16,height=397.44我试过的是：
如果我们指定宽度，高度和框大小使用CSS，它工作得很好。在<
浏览 1提问于2018-08-14得票数 0
回答已采纳
1回答
我正在尝试构建铬样标签，它可以根据标签的数量动态地为选项卡分配一个宽度。我有以下css类： width: 100px;在每个add新选项卡上，或者关闭一个现有选项卡时，我计算每个选项卡的宽度，方法是将父选项卡的总宽度除以没有选项卡。/div>
<button class="btn btn-default addTabButton" (click)="addMyTab()"></
浏览 2提问于2019-03-18得票数 0
1回答
要启用视频的自动播放，我们只需将" autoplay“属性添加到video标签。这在移动设备和浏览器上不起作用，比如Google Chrome，iPad，iPhone，"play“方法只有在没有用户与触摸屏交互的情况下才会起作用。但在或中，通过自定义的JavaScript播放器，他们绕过了这个障碍，视频在iPhone、iPad、Webkit浏览器和所有移动设备上自动播放，而无需用户交互。
我自己怎么做呢？
浏览 1提问于2015-08-14得票数 3
2回答
我已经创建了一个布局这些自定义组件的外设，但是要正确地放置它们，我必须知道定制组件的宽度、高度。它们是动态创建的。在创建了所有这些属性(为每个事件触发creationCompleted事件)之后，我尝试布局它们，但是宽度/高度属性仍然是0。我还试图在布局过程之前将它们添加到画布中。所以我的问题是，如何创建动态放置的自定义UIComponent，并了解它的宽度和高度。谢谢
浏览 6提问于2009-07-15得票数 1
回答已采纳
我希望以编程方式更改水平进度条的宽度(初始大小是使用RelativeLayout...but在XML中设置的，我希望根据某些值动态更改它)。我已经在我的代码中尝试了setMinimumWidth(50)，但这并没有什么不同。我也尝试过将‘android:layout_width=’设置为“wrap_content”，但同样不起作用。
浏览 0提问于2010-05-26得票数 0
1回答
我正在使用Ninja 附带的进度条，下面是进度条的设置。style属性的宽度，并且进度条将填充完成的每一步。我希望进度条在完成每一步时都能使.nf-progress div动画化。我以为它会像transition: width 1s ease;一样简单，但是它不起作用(即使是在-webkit-transition中)。这是我试过的。但是，这种方法的问题是，在进度条的每一步，动画都是
浏览 1提问于2018-09-01得票数 3
3回答
尽管它们看起来很有反应，但它们下面有一个很大的差距，在小屏幕上显示出来。0/Skins/HD-custom-design-s/images/Trans.png" width="186" height="121" ></amp-img>不过，这导致按钮从页面中消失。
浏览 1提问于2016-08-13得票数 0
回答已采纳
我正试图在父母中加入一个进度栏，这是奇怪的困难。它是在Jot上完成的，但是通过访问定制的CSS等等，我已经使用了很多(，它可能会造成问题，我猜是)。进度条固定在顶部，并位于父元素div.form中，所有这些都是第一个和第二个元素。我试过了所有关于盒子大小等的常见建议，但似乎都没有用。实际表格可以在这里找到，在Jot表格中，用丹麦语：
所有添加的自定义CSS都应该通过检查元素来显示，但我要提到的是，它以前是起作用的。包含进度div的div具有以下css-属性</e
浏览 4提问于2017-01-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
