<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

        "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title></title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<h2>HTML5之前播放视频的方式</h2>

<h3>使用embed标签播放flash（所有的浏览器都可用，但在HTML4中不包括在Web的标准中）</h3>

<embed type="application/x-shockwave-flash"

           src="zq.swf" width="500" height="430"> </embed>

<h3>使用object标签播放flash（IE8及以下不可用）</h3>

<object type="application/x-shockwave-flash"

            data="zq.swf" width="500" height="430">

</object>

<h3>只用于IE的低版本，从IE11开始不提供支持，其它浏览器不可用</h3>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

            width="500" height="430">

  <param name="src" value="zq.swf" />

</object>

<h3>使用object兼容所有的浏览器</h3>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

            width="500" height="430">

  <param name="src" value="zq.swf" />

  <object type="application/x-shockwave-flash"

                data="zq.swf" width="500" height="430">

  </object>

</object>

<h3>使用object和embed确保一定要兼容所有的浏览器</h3>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"

            width="500" height="430">

  <param name="src" value="zq.swf" />

  <embed type="application/x-shockwave-flash"

               src="zq.swf" width="500" height="430"> </embed>

</object>

<h3>使用embed标签播放mp4文件（有的浏览器内置了插件，有的需要下载，不方便）</h3>

<embed src="lesson-0.mp4" autostart="false" width="640" height="360"> </embed>

<!--autostart="false"  设置不自动播放，只在IE中有效-->

<h3>使用object标签播放mp4文件（IE8及以下不可用）</h3>

<object data="lesson-0.mp4" width="640" height="360">

</object>

<h3>使用object标签播放mp4文件（只用于IE，需要下载插件，其他浏览器不可用）</h3>

<object width="640" height="360"

            classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"

            codebase="http://www.apple.com/qtactivex/qtplugin.cab">

  <param name="src" value="lesson-0 ">

</object>

<h3>总结</h3>

<p>很乱。。很乱。。其实兼容性最好的方式是使用 embed 标签播放flash。。但是flash已经被苹果抛弃。。</p>

</body>

</html>
 
<audio controls="controls" height="100" width="100">

  <source src="song.mp3" type="audio/mp3" />

  <source src="song.ogg" type="audio/ogg" />

<embed height="100" width="100" src="song.mp3" />

</audio>

最好的 HTML 解决方法

HTML 5 + <object> + <embed>

<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>

优酷解决方案

在 HTML 中显示视频的最简单的方法是使用优酷等视频网站。

如果您希望在网页中播放视频，那么您可以把视频上传到优酷等视频网站，然后在您的网页中插入 HTML 代码即可播放视频：

<embed src="http://player.youku.com/player.php/sid/XMzI2NTc4NTMy/v.swf"

width="480" height="400"

type="application/x-shockwave-flash">

</embed>

https://www.w3school.com.cn/html/html_video.asp

HTML中的音频 视频 的播放代码的更多相关文章

  1. iOS 微信 音频 视频自动播放

    iOS 微信 音频 视频自动播放 http://www.w3ctech.com/topic/1165

  2. 音频视频的播放的进度调整(以.net为例)

    Background:对于音视频在线播放,一些小应用是靠nginx处理访问视频.音频文件的请求,对外应用的一般会托管至各种云上使用相关的服务.前者存在巨大的安全隐患,后者会有一定的成本.有的时候还是需 ...

  3. HTML网页中添加音频视频动画...(转)

    在网页中适当嵌入音频和视频能够充分显示网页的多媒体特性,特别是随着宽带网的普及,使得网络广播和网络视频成为现实,网页音频和视频的重要性也日益突显.具体来说,网页音频和视频的嵌入方法主要有三种: 一.b ...

  4. HTML在网页中插入音频视频简单的滚动效果

    每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就o ...

  5. Unity3d:使用uWebKit插件嵌入网页，网页中的flv视频无法播放

    问题描述:unity3d程序,使用uWebKit插件嵌入网页,用来播放FLV视频,有的电脑可以正常播放,有的电脑在网页中播放不了ps:网页中的播放器用的是player.swf解决方案:是由于网页中的播 ...

  6. iphone在微信中audio 音频无法自动播放

    问题: Html5的audio 音频在电脑端和android端都可以实现自动播放,在iphone上无法实现,下面针对的是微信浏览器里面的解决方法 html代码: <div id="au ...

  7. iframe插入视频自动播放代码

    <iframe marginwidth=0 marginheight=0 src='http://www.wsview.com/yzplayerAction!play2.action?autoP ...

  8. html5 css3 背景视频循环播放代码

    <div style ="position: absolute; z-index: -1; top: 0px; left: 0px; bottom: 0px; right: 0px; ...

  9. 网页背景H5视频自动播放---PC端、移动端兼容问题完美解决方案（IOS、安卓、微信端）

    最近公司官网需要使用视频当做banner背景且自动播放,并且因为是官网需要做到PC端和移动端都可以适配兼容,这些问题很是头疼: 兵来将挡,水来土掩,进过查阅相关技术资料,现已完美兼容PC端和移动端.下 ...

随机推荐

  1. flask 上下文

    上文:找到被创建成字典形式的东西 下文: 找到request并执行

  2. c# 第15节 StringBuilder

    本节内容: 1:StringBuilder 2:内容总结 1:StringBuilder 实例: 2:内容总结 项目:

  3. Vue.js如何获得兄弟元素，子元素，父元素（DOM操作）

    我不是代码的生产者,我只是知识的搬运工. 戳这

  4. COSO企业风险管理框架及其在大宗商品行业的应用

    https://mp.weixin.qq.com/s/P1NDvqsz0GNObm1pb47mfg 中国期货市场交易量领先全球,期权.互换等新的衍生品工具逐步引入,场外衍生品服务商正在涌现.越来越多的 ...

  5. Java链接Oracle

    首先在Navicat里面链接Oracle: 连接时老报错:ORA-12505, TNS:listener does not currently know of SID given in connect ...

  6. 003VlookUp的使用

    在Excel中,Vlookup这个函数还是挺有用的 我最近在一个场景中使用到VlookUp函数,使用场景是 我们将学生名单导入到学业上报系统的时候,发现Excel中有 79条数据但是导入成功的提示是说 ...

  7. win7 64位平台编译的程序在XP 32位平台无法运行的解决方法

    win7 64位平台编译的程序在XP 32位平台无法运行的解决方法 vs2010的开发环境,制作了一个DLL库.但DLL在XP 32位平台一直无法使用.解决方法如下: 右键项目,属性->配置属性 ...

  8. 端口转发之 lcx

    lcx.exe是一个端口转发工具,有Windows版和Linux版两个版本,Windows版是lcx.exe,Linux版为portmap Windows版使用方法如下: lcx有两大功能: )端口转 ...

  9. Golang（十二）TLS 相关知识（三）理解并模拟简单代理

    0. 前言 前面的介绍我们理解了数字签名等知识,同时学习了 OpenSSL 生成私钥和证书并验证 之前提过我们基于 BitTorrent 协议开发了一个 docker 镜像分发加速插件 中间涉及到了配 ...

  10. server 2012 r2 配置

    filezilla的问题还是让人摸不着头脑,配置和别的机器上一样就是报STL权限错误,最后换了个端口就连上了. 服务器,填远端IP,被动模式打开,生成一个证书,被动模式的商品一定要在入站规则里 客户端 ...