`

html播放flv视频

    博客分类:
  • web
 
阅读更多

最近遇到一个小问题,就是后台传视频,前台显示视频。 后台上传,系统自带。前台显示呢,这个就需要找一找代码,于是在网上找到了这个代码,分享给大家。

<head>
    <link href="http://vjs.zencdn.net/c/video-js.css" rel="stylesheet">
    <script src="http://vjs.zencdn.net/c/video.js"></script>
</head>
<body>
    <video id="video1" class="video-js vjs-default-skin" width="640" height="480"
        data-setup='{"controls" : true, "autoplay" : true, "preload" : "auto"}'>
        <source src="video1.flv" type="video/x-flv">
    </video>
</body>


<source src="video1.mp4" type="video/mp4">
<source src="video1.ogg" type="video/ogg">
<source src="video1.webm" type="video/webm">

 赋值粘贴即可。

分享到:
评论
1 楼 kedazhaoguowei 2016-09-02  
需要浏览器支持h5

相关推荐

    html在线播放flv的demo

    在这个Demo中,HTML文件(index.html)包含了嵌入和控制视频播放的元素和指令。 3. Flash Player:在FLV播放技术中,Flash Player是一个关键组件。它是一款运行在浏览器上的插件,支持播放FLV和其他Flash内容。在本...

    支持video视频插件播放flv格式的视频文件

    总的来说,为了让`&lt;video&gt;`标签支持FLV格式,我们可以使用`flv.js`这样的JavaScript库,它利用现代Web技术实现了跨平台的FLV视频播放,同时保持了良好的用户体验。通过合理的集成和配置,开发者可以在各种环境下提供...

    html播放flv文件一整套源码案例

    首先,`index.html`是主网页文件,它包含了HTML代码以及JavaScript引用,用于在浏览器中展示和控制视频播放。HTML5本身并不直接支持FLV格式,所以我们需要借助外部库或插件来实现播放。在本案例中,`swfobject.js`是...

    网页播放FLV格式视频JAVA源码

    本文将深入探讨如何使用JAVA源码实现FLV视频在网页上的播放,并围绕这个主题分享相关知识点。 一、FLV格式视频 FLV是一种基于Adobe Flash Player的视频格式,它支持流式传输,可以实现视频的即时播放。FLV包含音频...

    不使用flash播放器,使用jquery播放flv视频.zip

    在这个主题中,我们将探讨如何利用jQuery实现FLV视频播放,并关注相关技术的细节。 描述中提到的“不使用flash播放器,使用jquery播放flv视频.zip”进一步确认了重点在于使用jQuery实现FLV视频播放的替代方案。这...

    html使用embed 播放flv 视频

    通常,我们可以使用Flash Player来播放FLV视频,但随着HTML5的发展,现代浏览器倾向于支持更开放的标准,如`&lt;video&gt;`标签来播放视频。为了向后兼容,可以结合使用`&lt;object&gt;`和`&lt;embed&gt;`标签,如下所示: ```html ...

    前端在线播放flv视频

    然而,随着HTML5技术的发展,Flash逐渐被淘汰,因此需要找到不依赖Flash的新方法来实现FLV视频的在线播放。本篇文章将详细介绍如何在前端实现这一功能。 首先,我们需要了解FLV视频的基本结构。FLV文件由一系列的...

    网页播放flv视频

    网页播放FLV视频是网页开发中的一个重要组成部分,尤其是在多媒体内容丰富的现代互联网环境中。FLV(Flash Video)是一种广泛用于在线流媒体的视频格式,由Adobe Systems开发,它曾是网页视频的标准之一,尤其是在...

    HTML FLV视频播放代码

    HTML FLV视频播放代码是网页中嵌入FLV(Flash Video)格式视频的关键技术,它允许用户在浏览器中直接观看视频内容。以下是对这个主题的详细讲解: **HTML FLV播放器基础** HTML本身并不支持视频播放,但在过去的...

    flv.js 测试demo (h5 video标签播放flv视频)

    FLV 作为传统的流媒体格式,曾经广泛应用于网页视频播放,而随着 Flash 技术的逐渐淘汰,FLV.js 提供了一个无插件、纯 HTML5 的解决方案,使得旧有的 FLV 视频资源能够在现代浏览器中继续得到支持。 **1. FLV.js ...

    推荐2种不用flash播放器来播放flv视频的方法.zip

    本资源提供了两种无需Flash播放器就能在HTML页面上播放FLV视频的方法。 方法一:使用flv.js库 flv.js是阿里云开发的一个开源JavaScript库,它实现了在浏览器中直接解码和播放FLV视频的功能,无需依赖Flash插件。这...

    asp.net 后台获取flv地址播放flv视频

    在该页面中,我们可以利用HTML5的`&lt;video&gt;`标签或者使用Flash Player来播放FLV视频。对于Flash Player,我们需要一个SWF文件(如`FlvPlayer.swf`),它是Flash Player的实例。在HTML中,你可以这样设置: ```html ,...

    web浏览器播放http-flv协议的视频流

    在浏览器中,通常使用Flash Player插件来解析和播放FLV视频流。由于HTML5的兴起和Flash的逐渐淘汰,现代浏览器可能不再支持Flash,但可以使用HTML5的`&lt;video&gt;`标签配合MediaSource Extensions (MSE)和HLS或DASH协议...

    html中flv视频播放器

    HTML中的FLV视频播放器是网页开发中一种常见的技术,用于在网页上播放FLV(Flash Video)格式的视频内容。FLV格式由于其体积小、流式传输能力强等特点,在过去广泛应用于网络视频的传播。以下是对这个主题的详细解释...

    flv格式视频播放demo

    首先,我们来看`flv视频播放demo.html`,这是HTML文件,它是整个页面的结构基础。HTML文件中通常会包含播放器的容器元素,如`&lt;div&gt;`标签,以及引用Flash播放器的`&lt;object&gt;`或`&lt;embed&gt;`标签。在这些标签内,我们需要...

    FLV视频播放代码

    本主题的核心是"FLV视频播放代码",这意味着我们将探讨如何在网页上实现FLV视频的播放功能,以及相关的HTML源代码。以下是关于这个主题的详细知识点: 1. **FLV视频格式**:FLV是Adobe Flash平台支持的一种流媒体...

    Vue中使用XgPlay.js播放 flv视频

    在Vue.js应用中集成XgPlay.js以播放FLV视频是一项常见的需求,特别是在构建富媒体交互的Web应用时。Vue.js是一款轻量级的前端框架,它提供了组件化开发模式,使得开发者能够轻松管理和复用代码。而XgPlay.js则是一个...

    flv视频播放代码

    以下是使用HTML5和JavaScript实现FLV视频播放的基本步骤: 1. **创建HTML结构**:在网页的HTML文件中,我们需要一个`&lt;video&gt;`标签来承载视频。添加`controls`属性可以让浏览器显示默认的播放、暂停和进度控制。 ``...

    asp.net2.0 页面实现播放FLV视频(源代码)

    还可以添加进度条,让用户了解视频播放进度。 10. **错误处理**: 编写适当的错误处理代码,当视频文件不存在或者Flash Player出现问题时,向用户显示友好的错误消息。 综上所述,实现ASP.NET 2.0页面播放FLV视频...

    在jsp中嵌入flv视频播放器

    描述:“在jsp中嵌入FLV视频播放器,可以模拟视频播放网站。” 本文将深入探讨如何在JSP(JavaServer Pages)页面中嵌入FLV格式的视频播放器,实现类似视频播放网站的功能。通过分析提供的代码示例,我们将理解其中...

Global site tag (gtag.js) - Google Analytics