个人中心
gpt4 book ai didi

HTML5 视频标签音量控制缺失

转载 作者：可可西里 更新时间：2023-11-01 13:20:45 26 4
gpt4 key购买 nike

我网站上的 HTML5 视频中的音量控制没有出现，请参见屏幕截图:enter image description here视频开始播放，但没有任何声音。这些视频在 VLC 和 Windows Media Player 中也可以正常播放(有声)。

我已经在 Chrome (65.0.3325.162)、Firefox (59.0.1) 和 Android(在三星平板电脑上)中进行了测试。我的系统音量适合其他应用程序和 YouTube 视频。

这是(最小)代码(添加其他属性，如高度和海报等对问题没有影响):

<!DOCTYPE html>
<html lang='en'>
<body>

    <video controls src='vid1.mp4' width='500'>
    </video>

    <video controls width='500'>
        <source src='vid2.mp4' type='video/mp4' />
    </video>

</body>
</html>

我是否漏掉了一些明显的东西？

[1]: /image/qAl7D.png

编辑:

当我使用 http://techslides.com/demos/sample-videos/small.mp4 上的示例视频进行测试时，控件出现了。这似乎与编码的mp4视频本身有关。

我现在已经删除了视频网址。我使用 VLC 重新编码了视频，它们现在可以正常工作了。

最佳答案

为什么这些 HTML5 视频问题在 5 年多之后才突然出现？

TLDR:您的代码通过每秒短路 MP4 内容和眼球绕过视频内容农场及其广告点击收入，这是报复。这是类(class)的标准杆。

浏览器开发人员破坏了您的 HTML5 <video>浏览器嵌入代码，无论是有意还是无意地围绕解码它们所需的编解码器。他们拥有浏览器的源代码，可以解释和解码您的 HTML5 MP4 文件以在浏览器内容区域中显示。 Chrome 开发人员垄断了 MP4 视频市场，并被强大的力量所扭曲。因此浏览器发现解码您的 MP4 所需的编解码器可能来自未经授权的区域，因此我们在这里绞尽脑汁地想知道为什么 chrome 没有显示音量按钮。

我的要求必须是在服务器端修复 HTML5 视频，我不能要求用户摆弄他们的 chrome 标志或安装一个插件来纠正错误。默认情况下，它只能在最新的 Chrome、Safari、Firefox 和 IE 上运行，最好按此顺序运行。

HTML5 视频音量按钮缺失案例截图:

视频开始播放，但音量为零。无论是在初始加载期间，还是在播放期间或之后，都不会出现音量按钮。 mp4 下载和全屏显示按钮在播放期间显示并正常工作。

So very late

是的，新媒体播放器的 chrome 标志被禁用:

enter image description here

以前的样子，我期待看到的:

enter image description here

我正在使用的精简代码:

此代码是从以下代码演变而来的:http://camendesign.com/code/video_for_everybody 

<html><body>
<video width="640" 
       preload="none" 
       height="360" 
       poster="some_content.png" 
       controls="controls">
    <source src="some_content.mp4"
    <source src="__VIDEO__.webm" type="video/webm" />
    <source src="__VIDEO__.ogv" type="video/ogg" /><!--[if gt IE 6]>
    <object width="640" height="375" classid="clsid:02BF25D5-8C17-4B23-BC80-D348
    [endif]--><!--[if !IE]><!-->
    <object width="640" height="375" type="video/quicktime" data="__VIDEO__.mp4"
    <param name="src" value="__VIDEO__.mp4" />
    <param name="autoplay" value="false" />
    <param name="showlogo" value="false" />
    <object width="640" height="380" type="application/x-shockwave-flash"
        data="__FLASH__.swf?image=__POSTER__.jpg&amp;file=__VIDEO__.mp4"> 
        <param name="movie" value="__FLASH__.swf?image=__POSTER__.jpg&amp;file=_
        <img src="__POSTER__.jpg" width="640" height="360" />
        <p>
            <strong>No video playback capabilities detected.</strong>
            Why not try to download the file instead?<br>
            <a href="__VIDEO__.mp4">MPEG4</a>
            <a href="__VIDEO__.ogv">Ogg Theora</a>
        </p> 
    </object><!--[if gt IE 6]><!-->
    </object><!--<![endif]-->
</video>
</body></html>

上面的代码是曾经可以工作的代码，但是被破坏了。

对我有用的最终解决方案:从我的 MP4 视频中手动清除第 3 方污点。

有很多选项可以清理和重新编码 MP4 视频，有些是免费的，有些是非免费的。一种方法是用 VLC 或其他视频播放器或带有打开/保存/重新编码/转换工具的软件打开 MP4 文件，然后将其保存为不同的视频编码格式。

我能够用 Java 编写一个方便的花花公子脚本来遍历每个 MP4 文件破解打开 MP4 文件，清除流浪汉污点(如果存在)然后保存并重新部署 mp4 文件，现在一切都很好。然后按计划执行此操作。

考虑过但被拒绝的其他解决方案:

  1. 消除有缺陷的 HTML5 video从您的工具集中嵌入标签。用 html5 显示图像 <img .../>标记，覆盖一个播放按钮以指示这是一个视频，当用户单击打开一个新选项卡时，原始 MP4 视频在浏览器中播放:音量按钮显示正确，或者最坏的情况是用户将 MP4 视频下载到磁盘，他们可以使用视频播放器从磁盘打开它。
  2. 使用知道如何做正确事情的其他浏览器或开源浏览器。
  3. 尝试打开“新媒体控件”chrome://flags，也许在未来某个时候 Chrome 开发人员会推出修复程序，它不会因为 mp4 有侵犯数字权利的证据而 panic .
  4. 为大型播放器内容提供商提供先锋和眼球点击收入，只需使用 <a href="">whatever</a>标记以将用户重定向到能够正确显示视频的网站。

游戏正在进行中，请花点时间。

关于HTML5 视频标签音量控制缺失，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49357612/

26 4 0
文章推荐： windows - Windows 上的 imapclient 错误
文章推荐： PHP 没有响应 Angularjs 请求
文章推荐： php - 如何在不重新索引的情况下将项目添加到 laravel 列表集合中？
文章推荐： php - 通过 pdo_ibm 模块连接到 db2 手动配置错误 SQL10007N -5005
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com