Javascript 需要从页面源定位视频代码,以及如何使视频可播放
我有一个要求,我需要嵌入视频代码直接在博客 我能够找出视频所在的代码,我将其存储在一个html文件中,名为video.html 这是我必须从中提取视频的链接,观看视频链接:Javascript 需要从页面源定位视频代码,以及如何使视频可播放,javascript,html,ajax,node.js,Javascript,Html,Ajax,Node.js,我有一个要求,我需要嵌入视频代码直接在博客 我能够找出视频所在的代码,我将其存储在一个html文件中,名为video.html 这是我必须从中提取视频的链接,观看视频链接: http://www.moneycontrol.com/news/stocks-views/hdil-tata-global-ifci-top-picks-manoj-vayalar_925072.html 问题是,当我上传video.html文件时,只加载静态图像。我需要的视频播放时,我点击按钮,以便我可以直接插入这个视
http://www.moneycontrol.com/news/stocks-views/hdil-tata-global-ifci-top-picks-manoj-vayalar_925072.html
问题是,当我上传video.html文件时,只加载静态图像。我需要的视频播放时,我点击按钮,以便我可以直接插入这个视频.html在博客
代码如下:
<div class="CL"></div>
<div class="vidnewsin">
<div class="vidmd">
<div class="vidplayin">
<div class="gD_18"><a href="javascript:void(0);" onclick="javascript:load_vplayer('925072');" title="Watch Video" ><span class="vidtg"></span><strong>Watch Video</strong></a></div><div class="MT10"></div>
<div id="load_player">
<div class="PRVEDO"><a class="playBtnSn" href="javascript:void(0);" onclick="javascript:load_vplayer('925072');"></a><img src="http://img.moneycontrol.co.in/news_image_files/vid_img/2013/07/925072.jpg" width="441" height="361" alt="" /></div>
<div><img src="http://img.moneycontrol.co.in/images/news/vplrBar.gif" alt="" /></div>
<div class="PT10">
我知道我只加载图像源,因此视频被加载为图像
另外,如何在博客中直接插入video.html
请在这方面帮助我
谢谢
更新:
是否可以通过我正在创建的html文件加载视频?我的意思是,如果我可以提取视频的内容服务器,那么,视频是否可以通过html文件播放?谢谢
更新:
我对代码进行了一些修改,并直接添加了视频url:
<div class="CL"></div>
<div class="vidnewsin">
<div class="vidmd">
<div class="vidplayin">
<div class="gD_18"><a href="javascript:void(0);" onclick="javascript:load_vplayer('http://videos.moneycontrol.com/web18/mc-vods/2013Jul/manoj_variuousstocks_25jul.mp4');" title="Watch Video" ><span class="vidtg"></span><strong>Watch Video</strong></a></div><div class="MT10"></div>
<div id="load_player">
<div class="PRVEDO"><a class="playBtnSn" href="javascript:void(0);" onclick="javascript:load_vplayer('http://videos.moneycontrol.com/web18/mc-vods/2013Jul/manoj_variuousstocks_25jul.mp4');"></a><img src="http://img.moneycontrol.co.in/news_image_files/vid_img/2013/07/925072.jpg" width="441" height="361" alt="" /></div>
<div><img src="http://img.moneycontrol.co.in/images/news/vplrBar.gif" alt="" /></div>
<div class="PT10">
我认为通过这样做,视频将可以直接播放,带有一个HTML文件,稍后,我将在博客中使用它
但问题仍然没有解决
请让我知道我错在哪里,即使这意味着从moneycontrol页面重构ajax请求,尽管我不知道ajax脚本
谢谢。在查看页面的源HTML后,我发现当单击播放按钮时,会有一个ajax请求,以获取真实的视频嵌入代码。在您的情况下,此代码是
<div style="z-index:0;" id="player">
<embed width="468" height="351" flashvars="servicetype=chunk&streamurl=2013Jul/manoj_variuousstocks_25jul.mp4&totalchunk=4&videopart=&server=http://videos.moneycontrol.com/web18/mc-vods/&controllerpath=http://img.moneycontrol.co.in/tv/flash/control_moneycontrol_chunk_24July.swf&autoplay=1&showrelatedbutton=0&relatedPath=http://api.moneycontrol.com/solr/solr_related_videos_multiple_test.php?id=925072%26format=player&site=www.moneycontrol.com&trackingurl=http://vtracking.in.com/TackImg_CHK_VOD.PNG&googlepreroll=0&googlepostroll=0&googleoverlay=0&channelindex=3&vastpreurl=http%3A%2F%2Fc7.zedo.com%2Fjsc%2Fc1%2Ffns.vast%3Fn%3D1656%26c%3D1211%26d%3D18%26s%3D11%26v%3Dvast2%26z%3D&vastposturl=http%3A%2F%2Fc7.zedo.com%2Fjsc%2Fc1%2Ffns.vast%3Fn%3D1656%26c%3D1214%26d%3D18%26s%3D11%26v%3Dvast2%26z%3D&vastoverlayurl=http%3A%2F%2Fc7.zedo.com%2Fjsc%2Fc1%2Ffns.vast%3Fn%3D1656%26c%3D1213%26d%3D83%26s%3D11%26v%3Dvast2%26z%3D" allowscriptaccess="always" wmode="transparent" allowfullscreen="true" quality="high" bgcolor="#ffffff" name="videoPlayer" id="videoPlayer" style="undefined" src="http://img.moneycontrol.co.in/tv/flash/Main_chunk_24July.swf" type="application/x-shockwave-flash">
</div>
另一个问题是定位视频位置的flashvar
属性。正如您在嵌入代码中看到的,flash播放器使用相对url作为输入。因此,我恐怕你不能从这个网站嵌入视频仅仅使用自己的HTML
已更新
在ajax响应中,视频uri位于两个段中:
- 服务器
服务器=http://videos.moneycontrol.com/web18/mc-vods/
- 视频相对url
streamurl=2013Jul/manoj_variuusstocks_25jul.mp4
根据以上数据,视频的完整url为
http://videos.moneycontrol.com/web18/mc-vods/2013Jul/manoj_variuousstocks_25jul.mp4
。您可以将其与其他播放器一起使用以加载视频。感谢您的回复,我将视频存储在自己的html中,名为video.html。可以这样加载视频吗?谢谢。是的,您仍在将视频加载到HTML中,所有要做的事情都是从ajax respond的数据中提取视频url,并将其与您自己的flash播放器(不是源网站中使用的)一起使用。好的,谢谢,我会尝试的。我已经用另一个flash视频播放器和一些关于视频url提取的信息更新了我的答案,希望这能帮助你。谢谢,我会尝试的。
function load_vplayer(auto_num)
{
if(navigator.userAgent.match(/iPad/i) != null)
{
window.location="http://www.moneycontrol.com/tablet/index.php?v_autono="+auto_num;
}
else
{
$.ajax({
type: "POST",
url: "/mccode/news/article/load_video_ajax.php",
data: {auto_num:auto_num},
timeout:5000,
error: function(jqXHR, exception) {},
success: function(data){
if(data!='')
{
$("#load_player").html("");
$("#load_player").html(data);
}
}
});
}
}