jQuery-点击按钮插入视频

来源：互联网发布：软件测试职业规划书编辑：程序博客网时间：2024/05/18 22:55

目标效果：

运行显示一个按钮，点击按钮可以添加一个视频，并且视频可以正常播放。

1.首先获取视频地址，找到视频页面，打开分享，复制html代码中的地址。

2.创建网站，添加添加html页面，并且导入jQuery框架库。

3.编写处理代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>    <title></title>    <script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>    <script type="text/javascript">        $(function () {            $("#btClick").click(function () {                var url="<embed src='http://player.video.qiyi.com/ead4ef6ab0709a876734c656cc33e226/0/0/w_19rsxw7u0x.swf-albumId=5563560109-tvId=5563560109-isPurchase=0-cnId=20' allowFullScreen='true' quality='high' width='480' height='350' align='middle' allowScriptAccess='always' type='application/x-shockwave-flash'></embed>"                var a = $("<div>" + url + "</div>");                $(a).appendTo("body"); //将创建的节点a添加到body标签中            });        });    </script></head><body>    <input type="button" id="btClick" value="添加"/></body></html>

4.需要注意的是，将地址复制上去会提示错误，需要将地址中的双引号改成单引号，只有最外边是双引号。

5.运行就可以了。

0 0