masyarakat
Belajar
Perpustakaan Alatan
Alat AI
Masa lapang
cari
Melayu
Cara menggunakan HTML5 untuk memasukkan video format flv pada telefon bimbit
大家讲道理
大家讲道理 2017-05-31 10:40:56
0
3
775

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

大家讲道理
大家讲道理

光阴似箭催人老，日月如移越少年。

membalas semua(3)
世界只因有你
世界只因有你2017-05-31 10:42:56 Tingkat 3

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

Suka +0
Tambah Balasan
漂亮男人
漂亮男人2017-05-31 10:42:56 Tingkat 2

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>

Suka +0
Tambah Balasan
我想大声告诉你
我想大声告诉你2017-05-31 10:42:56 Tingkat 1

Ia tidak wujud! ! ! ! !

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan