IPhone, IPad How to play Web page call Youku video?

Source: Internet
Author: User
Tags chrome developer

IPhone, IPad How to play Web page call Youku video?

5 reviews share

Sort by poll by Time

6 answers

Endorse 4 Objection, will not show your name

The cold pond crosses the moon, I'll elope with my dream. http/sometime.me

Tao, users, Fan and other people agree

Online video is generally based on flash and FLV, and it is well known that iOS Safari does not support flash in Web pages, but supports HTML5 's video tag (obviously Apple must somehow support network video in this era), for video tagging, The play button appears on its area, and then tap to go to full-screen playback.

So Youku and other websites will be compatible with iOS:
By user-agent to determine the user source, if it is an iOS user, the video tag instead of the traditional object, its SRC is the source address (not FLV, but the source of TS Wrapper, m3u8 is a text file, which specifies a further TS address, Including some video segmentation parameters, etc.); For other users, the SWF player is still used for compatibility and functionality reasons.
You can change UA override to iOS from the line test via the Chrome developer tool.

<video id= "Youku-html5-player-video" width= "100%" height= "100%" x-webkit-airplay= "Allow" controls= "" autoplay= "" Preload= "" src= "/player/getm3u8/vid/91861269/type/flv/ts/1332059778/v.m3u8" > </video>

To add, some third-party web sites that embed calls to Youku videos cannot be clicked on iOS because third-party websites do not switch to video tags because of their compatibility.

edited on 2012-03-19 12 reviews

Endorse 0 Objection, will not show your name

Chen Fu 鸼, grow in Fujian, study into the qin, drift suitable Yan, qin people also.

be invited but unable to answer. Have never done front-end development. I'm sorry.

Some experiments were done today. Experiments show that Youku has now supported direct video playback on safari, and I think Youku has upgraded to HTML5, so it's not quite clear what the problem is. The same master answer.

posted on 2012-03-18 1 reviews

Endorse 0 Objection, will not show your name

Fan, WEB Front-end development JS HTML div+css PHP. NET ...

First find the ID of the video, and then call it by the following address method

/ httpV.youku.com/player/getrealm3u8/vid/xmjuzmzuxnzq4/type/video.m3u8
Or
/ httpV.youku.com/player/getrealm3u8/vid/xndm5mzqwnjyw/type/mp4/v.m3u8
Calling HTML
<video id= "Youku-html5-player-video" width= "100%" height= "100%" x-webkit-airplay= "Allow" controls= "" autoplay= "" Preload= "" Src= "/ httpV.youku.com/player/getrealm3u8/vid/xndm5mzqwnjyw/type/mp4/v.m3u8"> </video>

edited on 2012-12-17 1 reviews

Endorse 0 Objection, will not show your name

Zhang Huaping, Programming

Do you know how to do the video on the ipad? I've been wrestling with this problem for a long time

posted on 2013-01-11 Add a comment

Endorse 0 Objection, will not show your name

Guo Zeyu

Go to http://open.youku.com to get the code, iphone and ipad will use HTML5 <video> pc or Flash.
China IP Access this video is loaded with Youku.
/ http v.ze3kr.com/year/2014/# Video

posted on 2014-09-13 Add a comment

Endorse 0 Objection, will not show your name

Little After, simple to rely on, love life, love the Internet, more Aichi ...

The Safari browser is, of course, called with HTML5, in the following ways:
<video source= "//XX" Controls loop></video> and so on, format ogg etc.

posted on 2012-03-18 2 reviews


IPhone, IPad How to play Web page call Youku video?

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.