html5 - h5页面上如何播放优酷视频

Question

移动端video标签播放视频，如何在video标签中引用优酷视频的地址，做到可以在手机网页上播放，就像在优酷客户端上播放一样

Answer 1

Answer 2

可以使用youku播放器。
http://cloud.youku.com/tools?qq-pf-to=pcqq.c2c

Answer 3

嵌入第一个iframe通用代码就可以了

Answer 4

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

如果使用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 = "<iframe height='100%' width='100%' src='http://player.youku.com/embed/{$urlMatches[1]}' frameborder=0 'allowfullscreen'></iframe>";
                $message = substr($message,0,$matches[0][1]) .$embed. substr($message,$matches[0][1]+strlen($matches[0][0]));
            }
        }
        return attach_youku($message);
    }else{
        return $message;
    }
}