当前位置: 首页 > 知识库问答 >
问题:

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文件,现在一切都好了。然后按时间表做这件事。

考虑了其他解决办法,但被拒绝:

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

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

 类似资料:
  • 主要内容:互联网上的音频,浏览器支持,HTML5 Audio - 如何工作,实例,音频格式及浏览器支持,音频格式的MIME类型,HTML5 Audio 标签HTML5 提供了播放音频文件的标准。 互联网上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。 浏览器支持 Internet Explorer 9+, Fir

  • HTML5 提供了播放音频文件的标准。 互联网上的音频 直到现在,仍然不存在一项旨在网页上播放音频的标准。 今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。 HTML5 规定了在网页上嵌入音频元素的标准,即使用 <audio> 元素。 浏览器支持 Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safar

  • 本文向大家介绍除了音频和视频,HTML5还支持哪些媒体标签?相关面试题,主要包含被问及除了音频和视频,HTML5还支持哪些媒体标签?时的应答技巧和注意事项,需要的朋友参考一下 楼上很优秀啊 audio 定义音频,如音乐和音频流 video 定义视屏,如视频片段和视频流 还有 canvas 定义画布,然后通过css/js绘制图像,前端在做图像处理的时候用的比较多 marquee 滚动的文字,可以设置

  • 第一步。ffmpeg工作:。mp4- ffmpeg选项: ffmpeg-y-i我nternet.mp4-pix_fmtyuv420p-vcodec libx264-acodec ac3-r 30-配置文件:v基线-b:v1500k-maxrate2000k-s 480x300-map 0-标志-global_header-f段-segment_listindex_1500. m3u8-segmen

  • 谁能帮助我理解为什么我尝试使用FFMPEG CLI用语言元数据标记音轨失败了?我已经找到了关于标签正确语法的各种信息,但我仍然不清楚(所以我的问题的第1部分是什么是正确的语法),但即使我得到了正确的(我可能有也可能没有),我想知道FFMPEG是否未能标记我的音轨,因为我的源被包装/混合了视频本质。这是否排除了语言标记的能力? 值得注意的是,尝试从MP4和MKV源(视频和音频)到MP4(视频和音频)

  • 问题内容: 我正在尝试将YouTube视频源放入HTML5标签,但似乎不起作用。经过一番谷歌搜索,我发现HTML5不支持YouTube视频URL作为来源。 您可以使用HTML5嵌入YouTube视频吗?如果没有,是否有任何解决方法? 问题答案: 第1步:添加到您喜欢的YouTube网址 步骤2:在来源中寻找标签 第3步:添加到视频标签: 例: 注意那里似乎有些东西。我不知道该字符串可以工作多长时间