关于HTML5中video标签的奇怪现象

news/2025/6/6 22:56:03

很多人刚开始学习html5 的时候在使用video标签时会出现这样的情况：

发现video标签在网页中播放时只有声音但是没有图像，如：

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><title></title><link rel="stylesheet" href="">
</head>
<body><video src="Michael Jackson - One More Chance . MV.mp4" autoplay="autoplay" loop="loop" controls="controls"></video>
</body>
</html>


 那么如何来解决这个问题呢

首先要注意的是

你所使用的browser是不是支持html5的

其次就是注意video的播放的源文件，也就是视频文件的编码，mp4的编码要是H.264的才可以

，当这两个问题都保证的情况下你再看看video的问题是不是没了。。

转载于:https://www.cnblogs.com/yyb-lt/p/5299058.html

文章来源:https://blog.csdn.net/weixin_30466421/article/details/95354861
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：https://dhexx.cn/news/show-14593.html

相关文章

java基础学习总结——线程(二)

java基础学习总结——线程(二)

永不放弃&#xff0c;一切皆有可能&#xff01;&#xff01;&#xff01; 只为成功找方法&#xff0c;不为失败找借口&#xff01; java基础学习总结——线程(二) 一、线程的优先级别 线程优先级别的使用范例&#xff1a; 1 package cn.galc.test;2 3 public class TestThread6…
阅读更多...
文件导入虚拟机失败_电脑上有虚拟机，手机上也要有！

文件导入虚拟机失败_电脑上有虚拟机，手机上也要有！

我们对于电脑上面的虚拟机已经不陌生了&#xff0c;使用虚拟机的好处多多&#xff0c;我们可以在虚拟机里面想怎么折腾怎么折腾&#xff0c;就算搞坏了系统&#xff0c;直接还原就行了&#xff0c;确实是省事了不少。反观移动端&#xff0c;安卓上的修改软件一点也不比电脑端的…
阅读更多...
Linux zip 与 unzip命令详解

Linux zip 与 unzip命令详解

不废话&#xff0c;直接来简单介绍: 实例&#xff1a;压缩服务器上当前目录的内容为xxx.zip文件 zip -r xxx.zip ./ 解压zip文件到当前目录 unzip filename.zip 如果有些服务器没有安装zip包执行不了zip命令&#xff0c;但基本上都可以用tar命令的&#xff0c;实例如下&…
阅读更多...
src 和 href 的区别

src 和 href 的区别

src &#xff1a;source的缩写&#xff0c;源的意思。可理解为“引入”。href &#xff1a;HyperlinkReference&#xff0c;超链接引用。可理解为“引用”。 html中常见用到href的元素有&#xff1a; <link rel"stylesheet" type"text/css" href"l…
阅读更多...
springMVC+mybatis+spring整合案例

springMVC+mybatis+spring整合案例

1、web.xml a&#xff1a;配置spring监听&#xff0c;使web容器在启动时加载spring的applicationContext.xml <listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class></listener> b&#xff1a;配置conte…
阅读更多...
Linux 常用命令一

Linux 常用命令一

最新常用的命令 启动网络服务 systemctl start network.service 停止网络服务 systemctl stop network.service 重启网络服务 systemctl restart network.service 查看网络服务状态 systemctl status network.serivce 删除文件夹 rm -rf /var/log/httpd/access 将会删…
阅读更多...
宏基swift3怎么装光盘_最详细的装系统教学

宏基swift3怎么装光盘_最详细的装系统教学

1.准备材料&#xff1a;空U盘一个&#xff0c;需装系统的电脑&#xff0c;win10/7系统镜像。2.需要先下载在PE工具&#xff0c;常用的有微PE、大白菜、老毛桃等等&#xff0c;我比较常用的是微PE&#xff0c;简洁好用也没有捆绑绑插件。其他PE使用方法也差不多&#xff0c;下边…
阅读更多...
webveiw的基本使用？

webveiw的基本使用？

今天总结下前段时间&#xff0c;所了解的一个控件webview,对于webview相信很多人已经不默认生了&#xff0c;它主要是可以实现android端与javascript的交互&#xff0c;其实很多复杂的页面我们都可以通过webview.loadUrl("xxx.com")去加载一个html的网页&#xff0c;…
阅读更多...
stout代码分析之五：UUID类

stout代码分析之五：UUID类

UUID全称通用唯一识别码&#xff0c;被广泛应用于分布式系统中&#xff0c;让所有的元素具有唯一的标识。 stout中UUID类继承自boost::uuids::uuid。api如下&#xff1a; random, 产生一个UUID对象。fromBytes&#xff0c;从字节数组生成UUID对象 fromString, 从字符串生成UUID…
阅读更多...
ffmpeg与ffserver的协同工作

ffmpeg与ffserver的协同工作

ffmpeg和ffserver配合使用可以实现实时的流媒体服务&#xff0c;可以实时传输来自摄像头的数据&#xff0c;客户端可以采用HTTP、RTSP、RTP协议等播放视频流。 一、概念和流程 ffmpeg和ffserver配合使用涉及到四个概念&#xff1a; 1. ffmpeg&#xff0c;负责媒体文件的转…
阅读更多...
最新文章

Copyright @ 2022~2023