Skip to content

从app或ios传参获取url赋值打开h5手机端直接视频播放 (仿抖音)

Notifications You must be signed in to change notification settings

qiqi-zhang/video

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

video

从app或ios传参获取url赋值打开h5手机端直接视频播放

1.今天爬了很多坑,一直想给video和source 的src动态赋值;其实赋值是赋值上了,但是默认打开浏览器后,就不会再调起video了 ,所以他识别不到新赋值的值,替大家爬了一个小时的坑,给大家瞅瞅;

 

步骤一 获取安卓手机或ios手机从http传过来的参数;

        function urlPara2(name) {             var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");             var r = window.location.search.substr(1).match(reg);             if (r != null) return r[2];             return null;         };         console.log(urlPara2("url")); 注意:url需为是安卓或者ios通过http带过来的参数;

  步骤二  动态追加一个video(文件已经写了video动态赋值后不会播放,所以需要动态append)

    var sourceDom = $("<video src=""+ urlPara2("url") +"" loop='loop' autoplay='autoplay' id='player1' type='video/mp4' controls='controls' preload='none'> "); $('#video1').append(sourceDom);

 

全部代码显示;

 

<!doctype html>

         <title></title>          

                                                 

                        <style>         html,body{             height: 100%;         }         #wrap {             height: 100%;         }         .mejs-container,.video,.mejs-poster,.mejs-overlay,.mejs-mediaelement,video {height: 100% !important;width:16rem !important;}     </style>

    
        

        

 

<script src="js/jquery.min.js"></script> <script src="js/fastclick.js"></script> <script src="js/pxtorem.js"></script> <script src="js/mediaelement-and-player.min.js"></script> <script type="text/javascript">     $('audio,video').mediaelementplayer({         success: function(player, node) {             $('#' + node.id + '-mode').html('mode: ' + player.pluginType);         }     });     $('#stopall').click(function() {         $('video, audio').each(function() {             $(this)[0].player.pause();                   });     });     $(function () {         function urlPara2(name) {             var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");             var r = window.location.search.substr(1).match(reg);             if (r != null) return r[2];             return null;         };                  var sourceDom = $("");         $('#video1').append(sourceDom)                  if  (screen.height == 812) {         $("#video1").remove();//此分辨率下你需要的操作     } else {         $("#video2").remove();//默认操作     } });     </script>

 

 

需要其他详细代码联系我

微博:艾米的猫儿

趁时光不老,努力活成自己想要的样子 笑看过往

QQ/微信:731335498

作者:qq_731335498 来源:CSDN 原文:https://blog.csdn.net/qq_731335498/article/details/95342679 版权声明:本文为博主原创文章,转载请附上博文链接!

About

从app或ios传参获取url赋值打开h5手机端直接视频播放 (仿抖音)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published