`

html 标签前插入视频标签,并修改属性

    博客分类:
  • html
阅读更多

<article>文章</article>

 

<script type="text/javascript">

<!--

function videodivscript(){

//获得标签<article>

    var articletag =document.getElementsByTagName("article");

    if(articletag.length>0){

//创建标签div

        var videodivElement= document.createElement("div");

//修改属性

        videodivElement.setAttribute("class","video_container");

//创建视频标签

        var videoElement= document.createElement("video");

        videoElement.setAttribute("src","http://flv1.gmw.cn/gmw/videoroot/2014-11-24/1416794580498.mp4");

        videoElement.setAttribute("type","video/mp4");

        videoElement.setAttribute("controls","");

        videoElement.setAttribute("poster","http://flv1.gmw.cn/gmw/videoroot/2014-11-24/1416794580498.jpg");

        videoElement.setAttribute("preload","none");

//新标签相互嵌套

        videodivElement.appendChild(videoElement);

//在标签article之前插入标签videodivElement

        document.body.insertBefore(videodivElement , articletag[0] );

    }

}

//运行

videodivscript();

-->

</script>

0
2
分享到:
评论

相关推荐

    HTML标签属性大全

    ### HTML标签属性详解 #### 跑马灯与动态效果 - **`&lt;marquee&gt;`**:这是一个非标准但广泛使用的HTML元素,用于创建文本或图像的滚动效果。 - **`behavior`**:定义了内容如何移动。 - `slide`:内容将一次性滑入...

    java操作修改html标签

    Java操作和修改HTML标签主要涉及的是对HTML文档的解析、操作和处理,这在Web开发、数据抓取或内容处理中非常常见。其中,Jsoup是一个非常流行的Java库,专门用于处理这种任务。Jsoup提供了丰富的API,可以方便地解析...

    HTML代码中标签的全部属性 中文注释说明

    ### HTML中的`&lt;img&gt;`标签及其属性详解 在HTML(超文本标记语言)中,`&lt;img&gt;`标签用于嵌入图像。此标签是单标签形式,即它不需要闭合标签。`&lt;img&gt;`标签通常拥有多种属性,用以定义图像的各种特性。本文将基于示例...

    html标签属性大全.pdf

    10. **图片**:`&lt;img&gt;`标签用于插入图像,`src`属性指定图像源,`border`设置边框宽度,`width`和`height`定义图像尺寸,`vspace`和`hspace`分别设置上下和左右的空白,`alt`提供替代文本(对于无法显示图像的情况)...

    第07课 插入视频.doc

    7. 插入视频对象:在代码中找到`&lt;/body&gt;`标签前插入一行空白,接着输入HTML代码来插入视频。代码示例为: ``` &lt;param name="loop" value="false"&gt;&lt;/object&gt; ``` 其中,`data`属性指定了视频文件的路径,...

    如何快速插入网页标签.docx

    环绕标签功能允许用户快速地将选定内容包裹在一个指定的HTML标签中。具体步骤如下: 1. **选择内容**:在文档中选中想要环绕的文本或元素。 2. **环绕标签**:右键点击选中内容并选择“环绕标签”。 3. **输入标签...

    电信设备-基于HTML标签属性序列的信息隐藏及提取方法.zip

    3. 信息隐藏原理:在HTML标签属性序列中隐藏信息通常采用两种方式:一是修改属性值,嵌入隐藏数据;二是添加额外的、看似无意义的属性,实则携带信息。这种方法巧妙地利用了HTML的可扩展性,使得隐藏的数据不易被...

    js 动态插入html元素

    这项技术允许我们在用户的操作或者程序运行过程中,根据需要向页面添加、修改或删除DOM(文档对象模型)元素,从而实现动态更新页面内容。下面我们将深入探讨如何使用JavaScript来实现这一功能。 首先,了解DOM是...

    html标签属性大全.doc

    本篇将详细介绍一些常见的HTML标签及其属性。 1. **滚动标签 `&lt;marquee&gt;`**: - `behavior`:定义滚动方式,可设置为`slide`(滑动一次)、`scroll`(持续滚动)、`alternate`(来回滚动)。 - `direction`:定义...

    html基础属性代码

    12. **多媒体播放**:`&lt;embed&gt;`标签用于插入媒体文件,如音频或视频,`src`, `width`, `height`, `autostart`和`loop`属性分别定义媒体源、尺寸、是否自动播放和循环播放。 13. **表格**:`&lt;table&gt;`创建表格,`...

    html 的全部标签

    HTML标签是构成HTML页面的基本元素,它们告诉浏览器如何组织和展示网页内容。... ### 一、跑马灯标签 `&lt;marquee&gt;` 跑马灯效果是通过`&lt;marquee&gt;`标签实现的,可以...学习并熟练掌握HTML标签,是成为优秀前端开发者的基础。

    jsp中插入视频播放器

    ### 在JSP中插入视频播放器 随着互联网技术的发展,多媒体内容成为了网站不可或缺的一部分。视频作为最直观且信息量丰富的媒体形式之一,在各种网站中得到了广泛的应用。在JSP(JavaServer Pages)开发中,嵌入视频...

    HTML标签解释大全.doc

    **说明:** 代表了在全局样式表、内嵌样式和HTML标签属性中指定的对象格式和样式。`currentStyle`属性用于获取元素的实际样式,即使这些样式是由CSS覆盖的。 ##### **28. custom** **说明:** 代表了一个用户...

    html5实现的视频播放器

    我们可以打开这个文件查看具体实现,并根据需要修改视频源路径。 "projekktor.js"和"jquery.js"可能是两个JavaScript库。Projekktor是一个开源的HTML5视频播放器,它基于jQuery构建,提供了一些高级功能,如全屏...

    htmljs克隆标签

    1. **动态添加内容**:在用户触发某些操作后,如点击按钮,可以克隆已有元素并将其插入到DOM中,实现动态加载或无限滚动的效果。 2. **复用组件**:在Web应用中,如果存在可复用的UI组件,如表单字段,可以克隆已有...

    插入视频的3种方法【axure8】.zip

    例如,你可以使用`&lt;iframe&gt;`标签嵌入视频,并通过JavaScript控制其显示和隐藏。 3. **配置交互**:在Axure RP 8中为部件添加交互,例如点击显示/隐藏视频。这可能涉及到改变部件的可见性或调整大小。 4. **测试与...

    HTML学习视频

    在视频教学中,讲师可能会详细解释每个标签的用法和属性,比如标签的href属性指定链接的目标地址,target属性控制新页面的打开方式;标签的src属性指定图片源,alt属性提供图片无法显示时的替代文本。 CSS...

    Dreamweaver标签选择器的妙用

    标签检查器不仅仅适用于插入和编辑标签,还可以用于修改已经存在的标签属性。例如,对于滚动字幕(marquee)这样的标签,虽然标签编辑器只简单地插入基本标签,但标签检查器可以提供详细的设置参数,包括滚动速度、...

    html标签属性大全(整理已完成)

    ### HTML标签属性详解 本文将基于提供的HTML标签及其属性,进行一次全面且深入的解析,旨在帮助读者更好地理解和掌握这些基本元素的用法。 #### 1. 动态文本流:`&lt;marquee&gt;`标签 - **基础用法**: - `&lt;marquee&gt;....

Global site tag (gtag.js) - Google Analytics