优酷分享的视频怎么让手机也能播放
2017-10-19 13:47
288 查看
最近的有关项目需要使用video标签播放视频,并且视频的路径src是优酷里面的视频,所以需要得到优酷里面的mp4路径才能播放。
但是在网上查了下资料,看到优酷的播放格式是一个m3u8文件,如图所示:(请问在移动端页面中播放优酷里面的视频,怎样实现?)
M3U8文件是指UTF-8编码格式的M3U文件。M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放。
把embd换为iframe 通用格式播放就可以手机播放了。如:
<p style="text-align: center;">
<embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://static.youku.com/v20170518.0/v/swf/upsplayer/loader.swf?VideoIDS=XMzAxOTQ1NDAwMA%3D%3D&embedid=MTE1LjIwMC4yMzAuMzUCNzU0ODYzNTAwAgI%3D&wd=&winType=BDskin&cna=3Nc8EjlPmnoCAXPI4dx57DQf&partnerid=0edbfd2e4fc91b72&vext=pid%253D0edbfd2e4fc91b72%2526emb%253DMTE1LjIwMC4yMzAuMzUCNzU0ODYzNTAwAgI%253D%2526bc%253D%2526cna%253D3Nc8EjlPmnoCAXPI4dx57DQf%2526vvlogext%253Dpc_i%25253D15050941168252PM%252526pc_u%25253D-%252526rvpvid%25253D-%252526rycid%25253D-%252526yvft%25253D1505096735045%252526vsidc%25253D1%252526seid%25253D1508382916321kg7%252526vstp%25253D44%252526svstp%25253D2%2526type%253D0%2526embsig%253D1_1508383595_83b8890e0cf83cdb393b309ce111b16a"
width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"/>
</p>
前缀都相同为http://player.youku.com/embed/,后面再加上优酷视频的id(例如XMTMzNDkzNjQ3Ng==)就可以在手机端播放了,我用的是iframe标签播放的,不能用video标签,但是我这边有一个技术性问题就是iframe标签中的视频不能再app中全屏播放
<div style="text-align: center;">
<iframe src="http://player.youku.com/embed/XNzQzOTQxMzI0" allowfullscreen="" frameborder="0" height="390" width="510"></iframe>
</div>
但是在网上查了下资料,看到优酷的播放格式是一个m3u8文件,如图所示:(请问在移动端页面中播放优酷里面的视频,怎样实现?)
M3U8文件是指UTF-8编码格式的M3U文件。M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频文件的网络地址进行在线播放。
把embd换为iframe 通用格式播放就可以手机播放了。如:
<p style="text-align: center;">
<embed type="application/x-shockwave-flash" class="edui-faked-video" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://static.youku.com/v20170518.0/v/swf/upsplayer/loader.swf?VideoIDS=XMzAxOTQ1NDAwMA%3D%3D&embedid=MTE1LjIwMC4yMzAuMzUCNzU0ODYzNTAwAgI%3D&wd=&winType=BDskin&cna=3Nc8EjlPmnoCAXPI4dx57DQf&partnerid=0edbfd2e4fc91b72&vext=pid%253D0edbfd2e4fc91b72%2526emb%253DMTE1LjIwMC4yMzAuMzUCNzU0ODYzNTAwAgI%253D%2526bc%253D%2526cna%253D3Nc8EjlPmnoCAXPI4dx57DQf%2526vvlogext%253Dpc_i%25253D15050941168252PM%252526pc_u%25253D-%252526rvpvid%25253D-%252526rycid%25253D-%252526yvft%25253D1505096735045%252526vsidc%25253D1%252526seid%25253D1508382916321kg7%252526vstp%25253D44%252526svstp%25253D2%2526type%253D0%2526embsig%253D1_1508383595_83b8890e0cf83cdb393b309ce111b16a"
width="420" height="280" wmode="transparent" play="true" loop="false" menu="false" allowscriptaccess="never" allowfullscreen="true"/>
</p>
前缀都相同为http://player.youku.com/embed/,后面再加上优酷视频的id(例如XMTMzNDkzNjQ3Ng==)就可以在手机端播放了,我用的是iframe标签播放的,不能用video标签,但是我这边有一个技术性问题就是iframe标签中的视频不能再app中全屏播放
<div style="text-align: center;">
<iframe src="http://player.youku.com/embed/XNzQzOTQxMzI0" allowfullscreen="" frameborder="0" height="390" width="510"></iframe>
</div>
相关文章推荐
- iOS开发怎么加入优酷视频播放功能
- 手机网页上要怎么播放视频
- javascript正则表达式提取指定的字符 分享如何随机播放采集的优酷视频地址
- [Android 开发]webview播放优酷等视频 无法播放怎么办?
- 个人站点分享优酷视频,手机打不开解决方法
- Discuz! X3在手机版中播放诸如优酷之类视频的方法
- 怎样获取优酷站内视频的MP4格式地址,嵌入到手机页面播放
- 三步解决 优酷的烦人广告和 “抱歉,此视频只限于中国内地播放”
- H5案例分享:微信视频播放全屏问题
- 在HTML中加载视频不播放怎么办
- android 使用webview访问优酷无法播放视频的问题
- Air Playit - 直接在手机上通过WiFi无线播放电脑上的海量高清电影视频 (免费跨平台看片神器)
- 播放优酷的视频
- html5 Video控件视频播放,电脑和手机上都能兼容。(mp4格式 电脑和android、ios都能播放)
- [转自小龙博客]优酷视频自动播放办法
- cocos2d-x 播放视频(mp4)后 android手机音量按钮失效
- 优酷|土豆|56视频自动播放代码在线生成
- 使用AJAX实现优酷视频播放时留言不刷新
- Android用Webview播放优酷视频全屏问题
- Unity3D 如何在安卓手机上播放视频