创新路
我们一直在努力

jquery应用:生成优酷分享链接

我们需要再网站插入优酷视频是非常简单的,直接去优酷网站点击【分享给朋友】,然后找到官方的代码即可。但是今天意外发现优酷竟然取消了分享代码,囧

youku.jpg

还好之前的分享代码是有效的,于是研究了一下分享代码

<iframe height=498 width=510 src='http://player.youku.com/embed/XNzM4MzYyODY0==' frameborder=0 'allowfullscreen'></iframe>

粗体是关键的调用ID,同优酷视频播放界面的地址一致,请注意粗体部分

http://v.youku.com/v_show/id_XNzM4MzYyODY0.html?spm=a2h0k.8191407.0.0&from=s1.8-1-1.2#paction

了解了,这个规律就好办了,我们来用jQuery – 监听input组件的内容propertychange来写一段小代码。

HTML部分

<div id="url"><input size="90" id="username" placeholder="请粘贴优酷当前播放页面的网址"></div>

<div id="content"></div>

jquery代码部分

<script type="text/javascript">  

    $(document).ready(function(){

        $('#username').bind('input propertychange', function() {

            var wz=$(this).val();

            var d1=wz.indexOf("id_");

            var d2=wz.indexOf(".html");

            wz=wz.substr(d1+3,d2-d1-3);

            $('#content').text(

                "<iframe height=498 width=510 src='http://player.youku.com/embed/"+ wz +"==' frameborder=0 'allowfullscreen'></iframe>"

            );

        });

    });  

</script>

这样只需要你去优酷网站复制网址,直接进这个小程序里面粘贴URL,就能生成新的分享代码了

yk.jpg

未经允许不得转载:天府数据港官方信息博客 » jquery应用:生成优酷分享链接

客官点个赞呗! (0)
分享到:

评论 抢沙发

评论前必须登录!

天府云博 - 做有态度的开发&运维&设计学习分享平台!

联系我们百度云主机