在HTML中使用video元素插入视频,视频不播放,但浏览器本身可以播放该视频。

例如:

<video controls="controls">
        <source src="video/demovideo1.mp4" type="video/mp4">
    </video>

参考w3c的《HTML视频》教程,如下:

在 HTML 中播放视频并不容易!

您需要谙熟大量技巧,以确保您的视频文件在所有浏览器中(Internet Explorer, Chrome, Firefox, Safari, Opera)和所有硬件上(PC, Mac , iPad, iPhone)都能够播放。

代码如下:

<video width="320" height="240" controls="controls"><source src="movie.mp4" type="video/mp4" /><source src="movie.ogg" type="video/ogg" /><source src="movie.webm" type="video/webm" /><object data="movie.mp4" width="320" height="240"><embed src="movie.swf" width="320" height="240" /></object>
</video>

有的格式可以正常播放即可。

检测格式是否符合:

<video width="320" height="240" controls="controls"><source src="movie.mp4" type="video/mp4" /><source src="movie.ogg" type="video/ogg" /><source src="movie.webm" type="video/webm" />
Your browser does not support the video tag.
</video>

在HTML中加载视频不播放怎么办相关推荐

  1. ajax视频播放,XMLHttpRequest加载视频并播放

    XMLHttpRequest加载视频文件2进制数据流到客户端,并使用video控件播放.结合XMLHttpRequest Level 2特性,可以使用XMLHttpRequest对象接受服务器端返回的 ...

  2. OpenCV中使用类VideoCapture加载视频和打开摄像头

    先直接上示例代码,然后对代码进行讲解. #!/usr/bin/env python # -*- coding: utf-8 -*- # 图像处理开发需求.图像处理接私活挣零花钱,请加微信/QQ 248 ...

  3. 解决 CHROME FLASH 不能自动播放的问题及加载视频前的“黑色背景”如何改变

    chrome中flash不能自动播放,相信很多人都遇到了这个问题,网上检索的话,很多都会提到添加muted,当时尝试了这个方法,根本不起作用.后来慢慢发现一种情况:当单独在根节点中放入video后,可 ...

  4. [html] 说说video标签中预加载视频用到的属性是什么?

    [html] 说说video标签中预加载视频用到的属性是什么? 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌谣一起通关前端面试题

  5. vue 使用video加载视频进行展示,视频循环自动播放

    vue 使用video加载视频进行展示,视频循环自动播放loop autoplay <span v-else-if="item.prop === 'alarmVedio'"& ...

  6. Unity AVPro Video 加载视频第一秒图片与例子

    使用AVPro Video 加载视频第一秒的图片 原理:使用AVPro Video插件的MediaPlayer mediaPlayer.OpenMedia(new MediaPath(url链接, M ...

  7. Android之MediaPlayer加载视频慢

    问题:Android系统播放器MediaPlayer播放网络视频,加载慢...缓冲慢... 结论:视频元数据位置不对 简单解释就是,大部分的视频格式是MP4,MP4格式的视频是由一个个Box组成的.这 ...

  8. 又有坑是吧——MediaPlayer加载视频为什么这么慢

    "今天又是充满希望的一天" 背景 最近在做一个视频播放的需求,因为比较简单,只需要实现基本的loading,播放,暂停等功能,所以就用Android系统的播放器MediaPlaye ...

  9. Opencv step by step - 加载视频

    刚买了本 "学习Opencv" 这本书,慢慢看起来. 一开始就是加载视频了.当然了,首先你要有个视频 从这里下载了一个: tan@ubuntu:~$ wget http://www ...

最新文章

  1. CentOS 5.4 rsync+inotify配置触发式(实时)文件远程同步
  2. RichTextBox读写数据库
  3. ASP.NET Core 2.0 全局配置项
  4. 快照是什么?揭秘存储快照的实现
  5. Shell的 for 循环小例子
  6. SpringBoot(十) :邮件服务
  7. 为什么MIP-Cache存在
  8. 对于根目录磁盘满的了问题
  9. 最全企业安全网管工具名单!
  10. ukey网络连接异常_Ukey的各种操作,你知道吗?
  11. Intellij IDEA--配色方案/主题/风格/样式--自定义/配置
  12. jdbc连接云数据库mysql_java基于jdbc连接mysql数据库功能实例详解
  13. 神仙道玄奇套装材料大全
  14. java 运行器_[原创]我也来做一个最简单的Java2EXE的运行器
  15. css图片背景之雪碧图的使用
  16. Oracle 报错:ORA-01438: 值大于为此列指定的允许精度
  17. 中心极限定理的形象理解
  18. 2019计算机二级c题库百度云,【2019年整理】年全国计算机等级考试二级c语言上机题库.docx...
  19. 俯卧撑和平板支撑,哪个更能塑身呢?有何依据?
  20. 4G:SIM7600CE-CNSE 4G模组调试

热门文章

  1. 一台dhcp服务器无法响应,案例解析,不堪重负DHCP服务器罢工了
  2. 【娱乐】耗叔游戏fun.coolshell.cn 攻略
  3. DDR扫盲—-关于Prefetch(预取)与Burst(突发)的深入讨论
  4. Docker学习笔记(二)--进阶篇
  5. mysql如何设置缓存_mysql中缓存如何设置
  6. python floor函数的用法
  7. ceil函数和floor函数
  8. 【路径规划】基于果蝇优化算法实现机器人路径规划matlab源码
  9. JAVA_多线程(硬件和软件多线程概念)
  10. 【好书推荐】——书中自有颜如玉,书中自有黄金屋