html中显示优酷视频,html5 - h5页面上如何播放优酷视频

巴扎黑2017-04-17 12:10:441楼

看到上面的答案，可能有人会有雾水。我来补充一下。

如果使用ueditor，kineditor等富文本编辑器插入的视频，其默认是插入swf结尾的url

这个时候，html5是不支持的。

那么如何做呢？

在解析html5模板的时候，取出视频url地址，替换为通用html代码。

function attach_youku($message){

$pattern = "/\[media\](.*?)\[\/media\]/ies";

if(strpos($message, '[/media]') !== FALSE) {

preg_match($pattern,$message,$matches,PREG_OFFSET_CAPTURE);

if($matches){

preg_match("/\/sid\/(.*)\/v.swf/i",$matches[0][0],$urlMatches);

if($urlMatches){

$embed = "";

$message = substr($message,0,$matches[0][1]) .$embed. substr($message,$matches[0][1]+strlen($matches[0][0]));

}

return attach_youku($message);

}else{

return $message;

}

html中显示优酷视频,html5 - h5页面上如何播放优酷视频相关推荐

html引入优酷视频自动播放,h5页面上如何播放优酷视频
看到上面的答案,可能有人会有雾水.我来补充一下. 如果使用ueditor,kineditor等富文本编辑器插入的视频,其默认是插入swf结尾的url 这个时候,html5是不支持的. 那么如何做呢? ...
Android Webview完美支持播放各种视频。（解决无法播放优酷视频的问题以及周末无法播放优酷视频的问题）
通常我们会有这样的业务需求:手机端展示某个H5页面,H5页面来源可能是优酷.56.爱奇艺等某个视频网站的一个视频.用户可以直接操作观看.很简单.但是很容易出现问题.比如属性没有处理好.会出现可以加载5 ...
ios系统微信浏览器、safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法
ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法参考文章: (1)ios系统微信浏览器.safari浏览器中h5页面上拉下滑导致悬浮层脱离窗口的解决方法 (2) ...
html5中加入音乐怎么弄,如何在H5页面上添加音乐播放
在制作网页的时候,经常会遇到一些带音乐播放的场景,作品的右上角有一个音频按钮,会播放音乐,点击切换播放和暂停.下面就讲一讲如何在h5网页上添加音乐播放. 其实是很简单的,只需要简单几步就可以完成了 1 ...
HTML5新增-页面结构状态-列表-表单-音视频-全局兼容
页面结构状态-列表-表单-音视频-全局兼容 1 HTML5 新增语义化标签 1.1 新增页面结构标签标签名语义和功能属性单标签还是双标签 header 表示页面或section中的页眉双 f ...
通过h5页面上传视频到Linux服务器
1. 上传视频到本地 https://www.jb51.net/article/132531.htm 2. 上传视频到Linux服务器建立ftp连接(保证服务器已经安装ftp及对应端口,帐号有权限) ...
h5上传图片html5,h5图片上传简易版（FileReader+FormData+ajax）
一.选择图片(input的file类型) 1. input的file类型会渲染为一个按钮和一段文字.点击按钮可打开文件选择窗口:file类型的input会有files属性,保存着文件的相关信息. 2. ...
uni-app中，小程序或h5页面背景音乐的播放与暂停
在uni-app中写小程序或h5页面时,用到背景音乐,以及图标的旋转动画一.创建music.js 放在static或新建文件夹 const bgm = uni.createInnerAudioCon ...
IPhone微信H5用Video标签播放不了视频
H5用Video标签播放视频视频在安卓上可以正常播放,在苹果上却不能播放. 因为用了文件服务站点,而且不支持断点下载把文件服务改成支持断点下载即可断点下载参考(C#) 转载于:https://w ...

html中显示优酷视频,html5 - h5页面上如何播放优酷视频

html中显示优酷视频,html5 - h5页面上如何播放优酷视频相关推荐

最新文章

热门文章