热门标签 | 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



推荐阅读
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 本文详细介绍了如何在Linux系统上安装和配置Smokeping,以实现对网络链路质量的实时监控。通过详细的步骤和必要的依赖包安装,确保用户能够顺利完成部署并优化其网络性能监控。 ... [详细]
  • UNP 第9章:主机名与地址转换
    本章探讨了用于在主机名和数值地址之间进行转换的函数,如gethostbyname和gethostbyaddr。此外,还介绍了getservbyname和getservbyport函数,用于在服务器名和端口号之间进行转换。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 本文将介绍如何编写一些有趣的VBScript脚本,这些脚本可以在朋友之间进行无害的恶作剧。通过简单的代码示例,帮助您了解VBScript的基本语法和功能。 ... [详细]
  • 本文详细介绍如何使用Python进行配置文件的读写操作,涵盖常见的配置文件格式(如INI、JSON、TOML和YAML),并提供具体的代码示例。 ... [详细]
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 本文详细介绍了如何解决Uploadify插件在Internet Explorer(IE)9和10版本中遇到的点击失效及JQuery运行时错误问题。通过修改相关JavaScript代码,确保上传功能在不同浏览器环境中的一致性和稳定性。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 本文介绍了Java并发库中的阻塞队列(BlockingQueue)及其典型应用场景。通过具体实例,展示了如何利用LinkedBlockingQueue实现线程间高效、安全的数据传递,并结合线程池和原子类优化性能。 ... [详细]
  • CentOS7源码编译安装MySQL5.6
    2019独角兽企业重金招聘Python工程师标准一、先在cmake官网下个最新的cmake源码包cmake官网:https:www.cmake.org如此时最新 ... [详细]
  • 本文详细介绍了 Dockerfile 的编写方法及其在网络配置中的应用,涵盖基础指令、镜像构建与发布流程,并深入探讨了 Docker 的默认网络、容器互联及自定义网络的实现。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • DNN Community 和 Professional 版本的主要差异
    本文详细解析了 DotNetNuke (DNN) 的两种主要版本:Community 和 Professional。通过对比两者的功能和附加组件,帮助用户选择最适合其需求的版本。 ... [详细]
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社区 版权所有