简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Rumah
Artikel
Soal Jawab
Kursus
Topik
Muat turun
Permainan
Kamus
kemas kini terkini

Rumah  >  Soal Jawab  >  teks badan

Cara menggunakan HTML5 untuk memasukkan video format flv pada telefon bimbit

Saya ingin menggunakan video format flv sebagai main balik latar belakang pada halaman log masuk perisian yang dibangunkan dengan HTML5. Saya ingin bertanya bagaimana untuk mencapainya. Saya telah menyemak banyak siaran yang mengatakan bahawa HTML5 tidak menyokong video dalam format flv, tetapi ia tidak boleh menggunakan format MP4 kerana video itu mesti diletakkan dalam pakej pemasangan tempatan dan video itu perlu tidak lebih daripada 3M. Saya ingin bertanya pakar bagaimana untuk menyelesaikan masalah ini. Terima kasih

大家讲道理大家讲道理2697 hari yang lalu729

membalas semua(3)saya akan balas

  • 世界只因有你

    世界只因有你2017-05-31 10:42:56

    Tidak lebih daripada 3M, yang boleh dicapai dengan menyahkod semula dan kemudian mengekod mp4 Jangan pertimbangkan untuk memainkan flv dalam HTML5, ia terlalu sukar.

    balas
    0
  • 漂亮男人

    漂亮男人2017-05-31 10:42:56

    Mari kita bercakap tentang keputusan dahulu: boleh dilaksanakan.
    Alamat pratonton:
    Saya menyediakan pautan pratonton buat sementara waktu di tapak peribadi saya dan memadamkannya selepas tiga hari

    http://alonesuperman.com/show...

    Menggunakan flv.js sumber terbuka Bilibili
    https://github.com/Bilibili/f...
    Saya baru sahaja menukar demo
    untuk anda lihat

    <!DOCTYPE html>
<html>

<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <title>flv.js demo2</title>

    <style>
        .mainContainer {
            display: block;
            width: 1024px;
            margin-left: auto;
            margin-right: auto;
        }

        .urlInput {
            display: block;
            width: 100%;
            margin-left: auto;
            margin-right: auto;
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .centeredVideo {
            display: block;
            width: 100%;
            height: 576px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: auto;
        }

        .controls {
            display: block;
            width: 100%;
            text-align: left;
            margin-left: auto;
            margin-right: auto;
        }
    </style>
</head>

<body>
    
    <p class="mainContainer">
        <video id="videoElement" name="videoElement" class="centeredVideo" controls autoplay width="1024" height="576">
            Your browser is too old which doesn't support HTML5 video.
        </video>
        <br>
        <p class="controls">
            <button onclick="flv_load()">Load</button>
            <button onclick="flv_start()">Start</button>
            <button onclick="flv_pause()">Pause</button>
            <button onclick="flv_destroy()">Destroy</button>
            <input style="width:100px" type="text" name="seekpoint"/>
            <button onclick="flv_seekto()">SeekTo</button>
        </p>
    </p>

    <script src="../dist/flv.js"></script>
    
    <script>
        function flv_load() {
            if (flvjs.isSupported()) {
                var videoElement = document.getElementById('videoElement');
                var flvPlayer = flvjs.createPlayer({
                    type: 'flv',
                    url: '1.flv'
                });
                flvPlayer.attachMediaElement(videoElement);
                flvPlayer.load();
                flvPlayer.play();
            }
            window.player=flvPlayer;
        }

        function flv_start() {
            player.play();
        }

        function flv_pause() {
            player.pause();
        }

        function flv_destroy() {
            player.pause();
            player.unload();
            player.detachMediaElement();
            player.destroy();
            player = null;
        }

        function flv_seekto() {
            var input = document.getElementsByName('seekpoint')[0];
            player.currentTime = parseFloat(input.value);
        }

        function getUrlParam(key, defaultValue) {
            var pageUrl = window.location.search.substring(1);
            var pairs = pageUrl.split('&');
            for (var i = 0; i < pairs.length; i++) {
                var keyAndValue = pairs[i].split('=');
                if (keyAndValue[0] === key) {
                    return keyAndValue[1];
                }
            }
            return defaultValue;
        }

    </script>
    
</body>

</html>

    balas
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-31 10:42:56

    Ia tidak wujud! ! ! ! !

    balas
    0
  • Batalbalas