网站不同,操作大同小异,在如今网络上的信息量日渐膨胀的前提下,网站对数据信息的多样化和个性化设计也愈加的重视。多媒体技术逐渐发展和提高给在线展示的形式从视频、音频、PPT、图表等发展到视频中提供了条件。

今天讨论网页中插入视频的方案,咱不讨论video标签的使用方法,video标签比较兼容的写法为:

1 2 3 4 5 6 7 8 9 当前浏览器不支持 video直接播放,点击这里下载视频: 下载视频10

但是一般不会同一个视频生成MP4、ogg、webm和swf(flash)四种格式的视频,原因是太占用时间了。

讨论的第一种方案是:将视频上传到爱奇艺、优酷和腾讯等第三方视频网站上,在使用第三方网站提供的代码(在视频下方的“分享”按钮中即可找到),具体测试代码为:

1 2 3 4

5 6 7 8 网页中插入视频的方法 9 25 26 27 28 29

30 爱奇艺视频(无通用代码) 只支持PC端 IE8以上都可以31

32 33

34 腾讯视频 全部支持 IE8以上都可以35

36 37 38

39 优酷视频 全部支持 IE8以上都可以40

41 42 43 44 45

网页显示效果为:

需要说明的是:在第三方视频网站上分享代码中选择通用的代码,这样可以使得PC端和移动端均能良好的展现视频。

讨论的第二种方案是:使用ckplayer插件。

ckplayer插件的官网为:

官网上有在线配置功能,根据自己的需要进行配置,其中一个比较好测试代码为ckplayer调用html5播放器,

1 2 3 4

5 6 ckplayer调用html5播放器 7 8 9 10 12 13 28 29 30

PC效果为:

移动端效果为:

说明:视频只需要使用目前浏览器支持最多的MP4格式即可,需要处理的视频格式少。其次是使用ckplayer插件可以比较完美的兼容PC和移动端浏览器(经测试IE8 视频播放不了)。

总结:

优先建议将视频上传到第三方视频网站,兼容性好,同时视频加载快,不会占用网站服务器的带宽资源。

其次使用ckplayer插件在网页中插入本地视频。

php插入视频,网页中是如何插入视频的?相关推荐

  1. 如何提取网页中的blob加密视频

    如何提取网页中的blob加密视频 一.场景 一些网站的视频为了防止下载,通常会采用blob加密的做法,打开浏览器控制台F12后,是这样的: 视频网址:"blob:https://us.flu ...

  2. 腾讯视频网页下载_腾讯视频怎么下载视频

    本文给大家整理了腾讯视频网页下载_腾讯视频怎么下载视频方面的内容.腾讯视频独播剧质量还是可以的,比较给力的是腾讯视频大量买入了老剧的版权,不乏一些比较经典的港剧,还把这些老剧修复了.腾讯视频播放器是一 ...

  3. 用flvplayer.swf在网页中播放视频(网页中flash视频播放的实现)

    由于公司项目的需求,需要在展示一些信息的时候能够播放视频,拿到这个要求,我就从最简单的媒体播放标签<embed>开始,虽然这个标签确实可以播放事情,但是只能部分浏览器支持,个人感到很郁闷, ...

  4. embed标签的使用(在网页中播放各种音频视频的插件的使用)

    播放器插件使用说明: 代码:< EMBED src="music.mid"autostart="true"loop="2"width= ...

  5. Media Player 嵌套网页中播放上传视频记录

    首先我把Media Player播放器做一个用户控件 代码如下 前台: View Code <%@ Control Language="C#" AutoEventWireup ...

  6. mysql内嵌插入语句_MySQL中添加或插入语句(Insert)的几种使用方式

    MySQL中添加或插入语句(Insert)的几种使用方式 1.INSERT 简写方式插入数据(不推荐) 1.先看一下表中有那些数据 2.使用Inset into 表名 values(值1,值2)进行插 ...

  7. 网页中,M3U8格式的视频下载

    应用背景: 1.想要下载某网站的视频,经过抓包,获取不到.mp4这样的链接. 但是惊奇地发现,使用检查功能,将实时光标移动到播放器有这样以blob:http://格式开头的链接 百度下发现,这个属于加 ...

  8. python使用视频_Python中操作各种多媒体,视频、音频到图片的代码详解

    我们经常会遇到一些对于多媒体文件修改的操作,像是对视频文件的操作:视频剪辑.字幕编辑.分离音频.视频音频混流等.又比如对音频文件的操作:音频剪辑,音频格式转换.再比如我们最常用的图片文件,格式转换.各 ...

  9. Hbuilder插入图片网页中无法显示

    img文件夹也有图片,路径也没错,但是图片就是加载不出来,有没有大佬告知解决办法

最新文章

  1. Windows远程桌面连接并传输文件
  2. C# Redis实战(六)
  3. 基本电路元件和特性(2)电容器和电容vs.电感器和电感
  4. python construct_python入门第一步
  5. 第一类修正贝塞尔函数的C语言实现
  6. net.sf.ezmorph.Morpher问题解决
  7. ZZULIOJ 1095: 时间间隔(多实例测试)
  8. CodeMirror入门
  9. 用C语言实现PID控制代码
  10. 大数元科技牵手中央财经大学 助力财税金融体制改革
  11. 英国6岁女童康妮(Connie Talbot)参加电视台天才表演比赛,歌喉技惊四座
  12. 应用服务器和数据库服务器有什么区别
  13. Cirium分析:航空公司和机场重返准点率竞赛
  14. 搭建spark源码运行环境报错及解决办法
  15. Linux C/C++ 获取系统时间
  16. 多多情报通:拼多多修改关键词会降权吗?有什么影响?
  17. win7+NodeJS+MongoDB+Smart Table
  18. poj1737 Connected Graph
  19. 如何设置tab缩进为4个字符
  20. 【ANSYS Workbench仿真】如果后处理添加命令流显示渗透压力?

热门文章

  1. 厄米特矩阵(Hermittan Matrix)
  2. CC2541 内存区域
  3. 云计算的业界动态:IBM的解决方案与产品概述
  4. 如何让计算机无法开机,详细教您如何电脑开不开机
  5. 最近大火的高性能计算ChatGPT究竟是什么?
  6. 1688API接口(item_get-获得1688商品详情)
  7. `符号在sql中的作用
  8. Mac修改系统截图默认保存路径
  9. WLAN没有有效的IP配置---解决方法大全
  10. ryzen linux 搭配显卡,AMD 锐龙 Ryzen7 1700X配什么显卡最为均衡合理?