jQuery-点击按钮插入视频

最新推荐文章于 2022-12-27 09:47:33 发布

Vivinia_Vivinia

最新推荐文章于 2022-12-27 09:47:33 发布

阅读量3.7k

点赞数

分类专栏： jQuery 文章标签：视频 jQuery

本文链接：https://blog.csdn.net/hester_hester/article/details/51210130

版权

jQuery 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

目标效果：

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

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.运行就可以了。