热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

网页播放视频的三种实现方式

本文介绍了网页播放视频的三种实现方式,分别是使用html5的video标签、使用flash来播放以及使用object标签。其中,推荐使用html5的video标签来简单播放视频,但有些老的浏览器不支持html5。另外,还可以使用flash来播放视频,需要使用object标签。


网页当中播放视频有3种实现方式:


1.使用html5的标签,就像标签那么用。如果只是简单的播放,这是推荐的方式。



<video id&#61;"video" src&#61;"video/ABP-483.avi" width&#61;"480" height&#61;"320" controls loop>
don&#39;t support html5
video>


在src属性指定视频文件的本地路径或网络路径&#xff0c;例如http://2449.vod.myqcloud.com/2449_43b6f696980311e59ed467f22794e792.f20.mp4&#xff0c;即可&#xff0c;经测试&#xff0c;chrome,firefox,ie10都能正常播放


优点是简单&#xff0c;缺点是有些老的浏览器不支持html5


2.使用flash来播放&#xff0c;是指使用标签



<object id&#61;"flowplayer" width&#61;"704" height&#61;"400" data&#61;"media/flowplayer-3.2.16.swf" type&#61;"application/x-shockwave-flash">
<param name&#61;"movie" value&#61;"media/flowplayer-3.2.16.swf" />
<param name&#61;"flashvars" value&#61;&#39;config&#61;{"clip":"media/beach.mp4"}&#39; />
object>


标签中的属性data&#61;"media/flowplayer-3.2.16.swf"&#xff0c;和这里都使用了一个.swf的文件&#xff0c;该文件是自己定义的播放器插件&#xff0c;需要第三方如flowplayer的插件&#xff08;如何安装使用flowplayer&#xff0c;可参考http://flash.flowplayer.org/documentation/installation/&#xff09;&#xff0c;或者自己写代码做一个播放器。还需要一个名为flashvar的param标签&#xff0c;来指定视频文件的url。


优点是&#xff0c;几乎所有浏览器都能播放&#xff0c;只要安装了flash插件&#xff0c;缺点是&#xff0c;需要自主开发或者使用播放器插件&#xff0c;配置相对复杂


3.使用客户端的自带视频播放器&#xff0c;是指使用&#xff0c;这种是把视频完整地下载到客户端本地再调用自身的播放器播放。缺点很明显&#xff1a;网站不能与客户端通信&#xff0c;不能与之交互。


参考&#xff1a;


1、HTML5视频的那些事儿


2、html5网页中用video标签


 


转载于:https://www.cnblogs.com/aaronhoo/p/7049214.html



推荐阅读
  • 本文详细介绍了在Ubuntu 7.10操作系统上安装多种常用软件的方法,包括RAR压缩工具、即时通讯软件Pidgin、办公软件永中Office 2007试用版、多线程下载软件MultiGet及d4x、FTP客户端gFTP与FireFTP插件,以及P2P下载工具aMule。每部分都提供了具体的安装步骤和配置方法。 ... [详细]
  • 深入解析Spring Cloud Ribbon负载均衡机制
    本文详细介绍了Spring Cloud中的Ribbon组件如何实现服务调用的负载均衡。通过分析其工作原理、源码结构及配置方式,帮助读者理解Ribbon在分布式系统中的重要作用。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 深入解析 Apache Shiro 安全框架架构
    本文详细介绍了 Apache Shiro,一个强大且灵活的开源安全框架。Shiro 专注于简化身份验证、授权、会话管理和加密等复杂的安全操作,使开发者能够更轻松地保护应用程序。其核心目标是提供易于使用和理解的API,同时确保高度的安全性和灵活性。 ... [详细]
  • Python第三方库安装的多种途径及注意事项
    本文详细介绍了Python第三方库的几种常见安装方法,包括使用pip命令、集成开发环境(如Anaconda)以及手动文件安装,并提供了每种方法的具体操作步骤和适用场景。 ... [详细]
  • 在跨浏览器开发中,一个常见的问题是关于如何在鼠标悬停时显示图片提示信息。本文深入探讨了 IE 浏览器对 IMG 元素 alt 属性的特殊处理,并提供了最佳实践建议。 ... [详细]
  • 本文详细比较了CSS选择器和XPath在Selenium中通过页面结构定位元素的优劣,并提供了具体的代码示例,帮助读者理解两者在不同场景下的适用性。 ... [详细]
  • 本文探讨了如何利用HTML5和JavaScript在浏览器中进行本地文件的读取和写入操作,并介绍了获取本地文件路径的方法。HTML5提供了一系列API,使得这些操作变得更加简便和安全。 ... [详细]
  • 一个登陆界面
    预览截图html部分123456789101112用户登入1314邮箱名称邮箱为空15密码密码为空16登 ... [详细]
  • Spring Cloud Config 使用 Vault 作为配置存储
    本文探讨了如何在Spring Cloud Config中集成HashiCorp Vault作为配置存储解决方案,基于Spring Cloud Hoxton.RELEASE及Spring Boot 2.2.1.RELEASE版本。文章还提供了详细的配置示例和实践建议。 ... [详细]
  • Microsoft即将发布WPF/E的CTP(Community Technology Preview)和SDK,标志着RIA(Rich Internet Application)技术的新里程碑。更多详情及下载链接请参见MSDN官方页面。 ... [详细]
  • Python自动化测试入门:Selenium环境搭建
    本文详细介绍如何在Python环境中安装和配置Selenium,包括开发工具PyCharm的安装、Python环境的设置以及Selenium包的安装方法。此外,还提供了编写和运行第一个自动化测试脚本的步骤。 ... [详细]
  • Canvas漫游:碰撞检测与动画模拟
    探索Canvas在Web开发中的应用,通过碰撞检测与动画模拟提升交互体验。 ... [详细]
author-avatar
个信2502857367
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有