videodetails.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
  1. //报名验证提交的调用 底下报名
  2. PublicAction.AjaxSend({CORID:'apply_s'/*操作ID*/});
  3. $('.m_Relevant_l li').each(function(){
  4. var _length = $(this).find('.m_Relevant_text span.dz').text().length;
  5. var _plength = $(this).find('.Reporting p').length;
  6. if(_length > 3 && _plength == 2){
  7. $(this).find('.m_Relevant_text span.dz').css('top','0');
  8. }
  9. if(_length > 2){
  10. $(this).find('.m_Relevant_text .Reporting p').css({'padding-right':'12px','margin-right':'12px'})
  11. }
  12. var style = $(this).find('.Reporting p').attr('style');
  13. if(style == 'display:none;'){
  14. $(this).find('.m_Relevant_text span.dz').css('top','0');
  15. }
  16. })
  17. /*-----------------------------------视频播放--------------------------------------------*/
  18. PublicAction.AjaxSend({CORID:'ybm_buttom'/*操作ID*/});
  19. function getParams(url) {
  20. var theRequest = new Object();
  21. if (!url)
  22. url = location.href;
  23. if (url.indexOf("?") !== -1) {
  24. var str = url.substr(url.indexOf("?") + 1) + "&";
  25. var strs = str.split("&");
  26. for (var i = 0; i < strs.length - 1; i++) {
  27. var key = strs[i].substring(0, strs[i].indexOf("="));
  28. var val = strs[i].substring(strs[i].indexOf("=") + 1);
  29. theRequest[key] = val;
  30. }
  31. }
  32. return theRequest;
  33. }
  34. var objUrl = {}; //获取get参数
  35. var url = window.location.href;
  36. var searchParams = ''; //最后拼接的参数
  37. var urlParams = '';
  38. var params = getParams(url); //获取get请求的参数
  39. // console.log(params.type)
  40. if (params.type=='live') {
  41. $('.liveBm_bg,.liveBm_gb a').click(function(){
  42. $('.liveBm_bg,.liveBm').hide();
  43. })
  44. // 视频播放
  45. var lpvideo = document.getElementById("myVideo");
  46. var btn_vid = document.getElementById("lpvideo");
  47. var musitime= 0;
  48. var cubicle = "true";
  49. if (btn_vid) {
  50. btn_vid.onclick = function () {
  51. // cubicle = $('#lpvideo').attr('data-boole');
  52. // console.log(cubicle)
  53. if (lpvideo.paused) { //判断当前的状态是否为暂停,若是则点击播放,否则暂停
  54. $('#myVideo').attr('controls','controls'); //点击 显示默认的控件
  55. $('.m_video_img').hide();
  56. if(musitime >= 600 && cubicle == "true"){
  57. AudioWind_video(); //视频报名窗口
  58. return false;
  59. }
  60. lpvideo.play();
  61. watchMusicTime_vid()
  62. }else{
  63. lpvideo.pause();
  64. }
  65. var getCookie=cookie.get("authorization");
  66. // 判断一下COOKIE 是否存在了,存在就不弹出报名窗口,直接播放
  67. if(getCookie){
  68. $('body #lpvideo').attr('data-boole','false');
  69. }
  70. }
  71. };
  72. // 视频报名窗口
  73. function AudioWind_video(){
  74. // var getCookie=cookie.get("authorization");
  75. // // 判断一下COOKIE 是否存在了,存在就不弹出报名窗口,直接播放
  76. // if(getCookie){
  77. // $('body #lpvideo').attr('data-boole','false');
  78. // return false;
  79. // }
  80. // console.log(15)
  81. if($('body .liveBm').is(':hidden')){
  82. $('body .liveBm').show(10);
  83. $('body .liveBm_bg').show();
  84. parent.w_id = $("#lpvideo").attr('data-id'); //把楼盘ID传向父级
  85. }
  86. }
  87. //监听音乐实时播放的时间
  88. function watchMusicTime_vid(){
  89. let _this = this;
  90. //监听播放时间
  91. // let musicDom = document.getElementsByTagName('audio')[0];//获取Audio的DOM节点
  92. let musicDom =lpvideo;//获取Audio的DOM节点
  93. //使用事件监听方式捕捉事件
  94. musicDom.addEventListener("timeupdate",function(){//监听音频播放的实时时间事件
  95. cubicle = $('#lpvideo').attr('data-boole'); //2019-11-20 把获取报名成功后,可以继续播放的状态放置这里
  96. // console.log(musicDom.duration)//播放时间
  97. let timeDisplay;
  98. //用秒数来显示当前播放进度
  99. timeDisplay = Math.floor(musicDom.currentTime);//获取实时时间
  100. musitime = timeDisplay;
  101. // console.log(timeDisplay)
  102. // 处理 10秒内试听
  103. // console.log(cubicle)
  104. if(timeDisplay >= 600 && cubicle == "true"){
  105. lpvideo.pause();
  106. AudioWind_video(); //视频报名窗口
  107. }
  108. //处理时间
  109. //分钟
  110. let minute = timeDisplay / 60;
  111. let minutes = parseInt(minute);
  112. if (minutes < 10) {
  113. minutes = "0" + minutes;
  114. }
  115. //秒
  116. let second = timeDisplay % 60;
  117. let seconds = Math.round(second);
  118. if (seconds < 10) {
  119. seconds = "0" + seconds;
  120. }
  121. let shun= minutes+":"+seconds;//将实时时间存储到vuex中
  122. // console.log(shun)
  123. // console.log(_this.$store.state.realMusicTime);
  124. },false);
  125. }
  126. /*-------------------------------------------------------------------------------*/
  127. }else{
  128. $('.m_video_img').on('click',function(){ //处理视频播放图标
  129. var _video = document.getElementById("myVideo");
  130. myVideo.play(); //点击图标视频播放
  131. $('#myVideo').attr('controls','controls'); //点击 显示默认的控件
  132. $(this).hide();
  133. var id = $(".m_video_img").attr('data-id');
  134. $.ajax({
  135. url:'/video/houseplays',
  136. dataType:"json",
  137. type:'GET',
  138. data:{id:id},
  139. success:function(data){
  140. }
  141. });
  142. })
  143. }