网页万能播放器

  • E8_936764
    了解作者
  • 280.5KB
    文件大小
  • rar
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-27 05:36
    上传日期
网页嵌入javascript播放器代码,自动判断浏览器类型,使用适合的播放方式 支持流媒体格式 m3u8 ts 等
网页万能播放器.rar
  • 网页万能播放器
  • player
  • jquery.tools.min.js
    45.4KB
  • flowplayer.controls-3.2.8.js
    6.5KB
  • poster.jpg
    32KB
  • control.png
    1.7KB
  • flowplayer.rtmp-3.2.10.swf
    5.5KB
  • bigplay.png
    6.5KB
  • jquery.min.js
    91.7KB
  • flowplayer.controls-3.2.12.swf
    37.4KB
  • video_2.js
    7.9KB
  • html5.js
    3.8KB
  • flowplayer-3.2.11.min.js
    15.8KB
  • flowplayer-3.2.12.swf
    123.4KB
  • loading.gif
    1.9KB
  • vendorscript.js
    177B
  • video.js
    8.6KB
  • flowplayer.controls-3.2.8.min.js
    3.3KB
  • style.css
    4.7KB
  • vendorstyle.css
    2.8KB
  • demo.html
    23.9KB
内容介绍
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="zh-Hans"> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta http-equiv="pragma" content="no-cache"/> <meta http-equiv="cache-control" content="no-cache"/> <meta http-equiv="expires" content="0"/> <title>万能网页播放器</title> <script type="text/javascript" language="javascript" src="js/jquery.js"></script> <script type="text/javascript" src="player/jquery.min.js"></script> <script type="text/javascript" src="player/jquery.tool.min.js"></script> <!-- js about html5 --> <link rel="stylesheet" href="player/vendorstyle.css" /> <link rel="stylesheet" href="player/style.css" /> <script type="text/javascript" src="player/html5.js"></script> <script type="text/javascript" src="player/vendorscript.js"></script> <!-- js about flowplayer --> <script type="text/javascript" src="player/flowplayer-3.2.11.min.js"></script> <!-- $f --> <script type="text/javascript" src="player/flowplayer.controls-3.2.8.js"></script> <script type="text/javascript" src="player/flowplayer.controls-3.2.8.min.js"></script> <script type="text/javascript"> //禁用键盘左右键 function keypressed() { if(event.keyCode == 37) { event.keyCode = 0; return false; } else if (event.keyCode == 39) { event.keyCode = 0; return false; } } document.onkeydown = keypressed; var se=0,m=0,h=0,s=0,ss=1; var t_h=0,t_m=0,t_s=0; var set_interval_flag=false; var second_time_now_flag=true; var time_pro_set=0; function toAddFavorite(knowledge_id){ var loginid = '${StaffInfo.STAFF_ID}'; if(loginid==null || loginid==''){ alert("请先登录再收藏!"); return; } var url = "fzyzbook/knowledge/favorite/addKnowledgeFavorite.shtml"; var pars = "paraMap.KNOWLEDGE_ID="+knowledge_id; $.ajax({ url:url, type:'post', dataType:'text',data: pars +'&date='+new Date(), error:function(json){ alert("操作失败,请刷新浏览器后重新操作!"); }, success: function(text){ if(text=='ok'){ alert("恭喜您,收藏成功!"); document.getElementById("sc").style.display="none"; document.getElementById("qxsc").style.display="block"; } else if(text=='alradyhave'){ alert("对不起,该资源已在您的收藏列表!"); } else{ alert("对不起,系统繁忙,请稍候再试!"); } } }); } function toCancel(knowledge_id){ var url = "fzyzbook/knowledge/favorite/cancelKnowledgeFavorite.shtml"; var pars = "paraMap.KNOWLEDGE_ID="+knowledge_id; $.ajax({ url:url, type:'post', dataType:'text',data: pars +'&date='+new Date(), error:function(json){ alert("操作失败,请刷新浏览器后重新操作!"); }, success: function(text){ if(text=='ok'){ alert("恭喜您,取消收藏成功!"); document.getElementById("qxsc").style.display="none"; document.getElementById("sc").style.display="block"; }else{ alert("对不起,系统繁忙,请稍候再试!"); } } }); } function checkInfo1(){ var recoment=document.getElementById("krecomment1").value; recoment=recoment.replace(/(^\s*)|(\s*$)/g, ""); if(recoment.length==0){ alert("对不起,请输入评论信息"); return false; } return true; } function checkInfo2(){ var recoment=document.getElementById("krecomment2").value; recoment=recoment.replace(/(^\s*)|(\s*$)/g, ""); if(recoment.length==0){ alert("对不起,请输入评论信息"); return false; } return true; } //编辑评论 function editRecomment(id,info){ document.getElementById("r1").style.display="none"; document.getElementById("r2").style.display="block"; document.getElementById("krecomment2").value=info; document.getElementById("krid").value=id; document.getElementById("krecomment2").focus(); } var aa=0; function setCT(){ try{ _setCT(); } catch(e){ aa++; setCT(); } } //fp播放和 html5播放通用的历史学习时间初始化 function loadHistroyTime_for_all(){ var show_study_state_time_sav=document.getElementById("show_study_state_time_sav").value; var formatTime=timeFormat(show_study_state_time_sav); document.getElementById("historyTime").value=formatTime; } var config = { "video":{ "type":"video/mp4" }, "flash":{ "player_uri":"player/flowplayer-3.2.12.swf", "need_version":"10,0,0,0", "autoBuffering":true, "html_when_no_flash":"<a target=\"_blank\" href=\"http://www.adobe.com/go/getflash\" rel='nofollow' onclick='return false;'><img height=\"39\" width=\"158\" src=\"http://www.adobe.com/images/shared/download_buttons/get_adobe_flash_player.png\" alt=\"Get Adobe Flash player\" /></a>" } }; function isVideoCanPlay(video_type){ var video_element = document.createElement('video'); if(typeof(video_element.canPlayType)=='undefined'){ return false; } var result = video_element.canPlayType(video_type); if((result=='probably')||(result=='maybe')){ return true; } return false; } </script> </head> <body onload="javascript:loadHistroyTime_for_all();"> <input type="hidden" id="flag" value="1"/> <div class="Overall_wra"> <div class="div_975px_bais" style="padding-top:20px;"> <div style="width:100%;padding:auto;text-align:left;"> <div class="explain" style="clear:both;"> <h5> 万能播放器 </h5> <p> <center> <div> <div class="videoContainer"> <video id="myVideo" controls width="640" height="352" poster="cat.jpg" autoplay="autoplay"> <!-- 此处不要使用rtmp协议,否则在iOS下不能识别 --> <source src="rtsp://192.168.88.161:554/t.mp4" type="video/mp4"/> <!-- <source src="rtsp://172.0.0.16:1935/library/mp4:${knowledgeInfoMap.KNOWLEDGE_PATH}/playlist.m3u8" type="video/mp4"/> --> <!-- <source src="rtsp://172.0.0.16:8086/library/mp4:${knowledgeInfoMap.KNOWLEDGE_PATH}/playlist.m3u8" type="video/mp4"/> <source src="rtsp://172.0.0.16:1935/library/${knowledgeInfoMap.KNOWLEDGE_PATH}/playlist.m3u8" type="video/mp4"/> <source src="http://172.0.0.16:1935/library/${knowledgeInfoMap.KNOWLEDGE_PATH}/playlist.m3u8" type="video/mp4"/> <source src="rtsp://172.0.0.16:1935/library/${knowledgeInfoMap.KNOWLEDGE_PATH}" type="video/mp4"/> <source src="http://172.0.0.16:1935/library/${knowledgeInfoMap.KNOWLEDGE_PATH}" type="video/mp4"/> --> </video> <div align="center" style="margin-top:15px;"> <script type="text/javascript"> if(isVideoCanPlay(config.video.type)==false){ document.write("若视频不能正常播放播放,请根据所使用系统和浏览器,选择对应版本的<a target=\"_blank\" href=\"http://www.adobe.com/go/getflash\" rel='nofollow' onclick='return false;'>Adobe Flash Player</a>并更新至最新."); } </script> </div> </center> </p> </div> </body> <!-- 公用方法 --> <script type="text/javascript"> //保存时间总入口 function time_sav_f
评论
    相关推荐