Question

我的html表单和输入type="file"。我在上传之前尝试使用jwplayer选择文件后尝试播放mp4文件。我需要立即播放视频。这是代码：

 <script type="text/javascript">
    function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function (e) {
                $('#test2').attr('src', e.target.result);
                var fuData = document.getElementById('creative_file_video');
                var FileUploadPath = fuData.value;
                //   alert( FileUploadPath);

                playvideo( FileUploadPath);
            }

            reader.readAsDataURL(input.files[0]);
        }

        document.getElementById('asd').style.display = 'block';
    }
</script>

<input type="file" name="creative_file_video" id="creative_file_video" onchange="readUrl(this)" />

<div id="asd" style="display: none;">
<script type="text/javascript" src="jw/jwplayer.js"></script>

<div id="player">Loading the player...</div>

<script type="text/javascript">
    function playvideo(fileInput)
    {
        jwplayer("player").setup({ file:fileInput,
            image:"",
            autostart: true,
            height: 100,
            width: 100
        });
    }
</script>
</div>

当我加载页面时，会出现JWPlayer，但它显示错误文本＆＃34;加载媒体时出错＆＃34;。

Answer 1

这只是一个随机猜测的问题，你面对的是因为你没有提供完整的信息，我会在看到你的代码后猜测。

请尝试以下代码

    <div id="asd" style="display: none;">
    <script type="text/javascript" src="jw/jwplayer.js"></script>

    <div id="player">Loading the player...</div>
    </div>
    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#test2').attr('src', e.target.result);
                    var fuData = document.getElementById('creative_file_video');
                    var FileUploadPath = fuData.value;
                    //   alert( FileUploadPath);

                    playvideo( FileUploadPath);
                }

                reader.readAsDataURL(input.files[0]);
            }

            document.getElementById('asd').style.display = 'block';
        }
           function playvideo(fileInput)
        {
            jwplayer("player").setup({ file:fileInput,
                image:"",
                autostart: true,
                height: 100,
                width: 100
            });
        }
    </script>

如果有效则问题就像这个问题here

如果仍然出现错误，请检查

如果您的播放器根本没有出现，请检查您是否：

上传了jwplayer.js并包含了要加载的标记 jwplayer.js位于页面的头部。
包含具有id属性的容器并将其引用 id在jwplayer（id）.setup（）中调用。
正确格式化jwplayer（id）.setup（）调用中的所有选项。我们经常看到逗号，括号或大括号的问题。

检查更多信息here

php从输入类型文件中选择使用jwplayer打开视频

1 个答案: