问题：

HTML5视频标记音量控件丢失

江宏伟

2023-03-14

我已经在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]: https://i.stack.imgur.com/qAl7D.png

编辑：

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

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

共有2个答案

牟慎之

2023-03-14

好像你在用静音视频。因此，音量控制不显示。

请查看以下内容：

<video  src='https://www.w3schools.com/tags/mov_bbb.mp4' controls>
</video>

穆博简

2023-03-14

TLDR：你的代码绕过视频内容农场和他们的广告点击收入，每秒短路MP4内容和眼球，这是报复。这是正常的课程。

浏览器开发人员破坏了您的HTML5浏览器嵌入式代码，可能是故意的，也可能是无意中破坏了解码代码所需的编解码器。他们拥有浏览器的源代码，该源代码解释和解码您的HTML5 MP4文件，以便在浏览器内容区域中显示。Chrome开发者在MP4视频上占据了市场的一角，他们的手臂被这些力量所扭曲。所以浏览器会发现，解码MP4所需的编解码器很可能来自未经授权的区域，因此，在这里我们就会挠头，为什么chrome没有显示音量按钮。

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

视频播放，但音量为零。无论在初始加载期间，还是在播放期间或之后，都不会出现音量按钮。mp4下载和Go-Full-Screen按钮被呈现，并且在播放过程中正常工作。

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

这段代码是从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视频，一些免费的其他非免费。一种方法是用VLC或其他视频播放器或软件打开MP4文件，其中有打开/保存/重新编码/转换工具，并将其保存为不同的视频编码格式。

我可以在Java做一个方便的脚本，迭代每一个MP4文件，破解打开MP4文件，清除流浪汉污点，如果它存在，然后保存和重新部署MP4文件，现在一切都好了。然后按时间表做这件事。

考虑了其他解决办法，但被拒绝：

从工具集中删除有缺陷的HTML5video嵌入标记。显示带有html5标记的图像，覆盖播放按钮以表明这是一个视频，当用户单击打开一个新选项卡时，在浏览器中播放原始MP4视频：音量按钮显示正确，或者在最坏的情况下，用户将MP4视频下载到磁盘上，他们可以用视频播放器从磁盘上打开它。
使用知道如何做正确事情的不同浏览器或开源浏览器。
尝试切换“新媒体控件”Chrome：//标志，也许在未来的某个时候，Chrome开发人员会推出一个修复程序，并且它不会因为mp4有侵犯数字版权的迹象而发狂。
只需使用whatever标记将用户重定向到能够正确显示视频的网站，即可为大型内容提供商提供先锋和眼球点击收入。

比赛正在进行，抓紧时间吧。

HTML5视频标记音量控件丢失

共有2个答案

相关问答

相关文章

相关阅读

相关工具

相关文档