Adakah html5 menyokong fail flv?

html5 tidak menyokong fail format flv; teg video tidak menyokong fail format flv secara asli, tetapi ia boleh disokong dengan memasang pemalam yang berkaitan ialah singkatan daripada "FLASH VIDEO", dan FLV format media penstriman ialah Format video yang dibangunkan dengan pengenalan "Flash MX".

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi HTML5, komputer Dell G3.

Adakah HTML5 menyokong fail flv?

Teg video HTML5 tidak menyokong fail format flv secara asli, tetapi anda boleh memasang pemalam yang berkaitan untuk menyokongnya. FLV ialah singkatan daripada FLASH VIDEO Format media penstriman FLV ialah format video yang dibangunkan dengan pelancaran Flash MX. Kerana fail yang dicipta adalah sangat kecil dan dimuatkan dengan sangat cepat.

Pada masa ini, penyemak imbas arus perdana tidak boleh membenamkan dan memainkan fail FLV secara langsung, jadi memainkannya terus menggunakan teg video tidak boleh dilaksanakan.

Oleh itu, dua kaedah penghuraian disediakan

• Benamkan fail main balik media swf dan gunakan fail untuk memainkan fail pratetap anda.

Di sini kami mengesyorkan dplayer - http://dplayer.js.org/zh/guide.html#flv (ujian peribadi juga mudah digunakan)

• Menggunakan flv.js sumber terbuka Bilibili, dengan menukar strim fail FLV kepada segmen ISO BMFF (MP4 Berpecah), dan kemudian menyediakan segmen mp4 kepada elemen HTML5 melalui API Sambungan Sumber Media.

alamat github: https://github.com/bilibili/flv.js

flv.js ialah perpustakaan JavaScript yang menyokong memainkan video format FLV dalam video HTML5 . Ditulis dalam ES6, jika versi yang lebih rendah serasi, anda perlu menyusunnya dengan Babel

Di sini kami hanya menunjukkan demo pelaksanaan

Pemasangan

npm install --save flv.js

Elemen

<template>
  <div>
<video id="videoElement" controls autoplay muted width="300px" height="200px">
    </video>
<button @click="play">播放</button>
  </div>
</template>

Kod

import flvjs from 'flv.js'
export default {
  data () {
    return {
  flvPlayer:null
    }
  },
   mounted() {
      if (flvjs.isSupported()) {
        var videoElement = document.getElementById('videoElement');
        this.flvPlayer = flvjs.createPlayer({
          type: 'flv',
  isLive: true,
  hasAudio: false,
          url: 'http://1011.hlsplay.aodianyun.com/demo/game.flv'
        });
        this.flvPlayer.attachMediaElement(videoElement);
        this.flvPlayer.load();
this.flvPlayer.play();
      }
    },
    methods:{
      play () {
        this.flvPlayer.play();
      }
    }
}

Kesan

(Mempelajari perkongsian video: tutorial video css , tutorial video html)

Atas ialah kandungan terperinci Adakah html5 menyokong fail flv?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!