Javascript php在选择输入类型文件时使用jwplayer打开视频

我有一个带有表单的html和一个type=file的输入。我正在尝试播放一个mp4文件，在上传之前，我用jwplayer选择了一个文件。我需要立即播放视频。代码如下：

 <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，但它会显示错误文本错误加载媒体。

这只是对问题的随机猜测，因为您没有提供完整的信息，我将在查看代码后进行猜测

请尝试下面的代码

若这是可行的，那个么问题就是这个问题

如果错误仍然发生，则检查

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

上传了jwplayer.js并包含了用于加载的标签 jwplayer.js位于页面头部

包含一个具有id属性的容器并引用该容器 jwplayerid.setup调用中的id

正确格式化jwplayerid.setup调用中的所有选项。我们 经常会看到逗号、括号或大括号的问题

---

查看更多信息

什么不起作用？您是否收到任何错误？您需要添加更多详细信息，以便我们了解出了什么问题。jwplayer出现并表示加载媒体时出错这是一个必要的详细信息。我已将其添加到您的帖子中，但请确保当您发布未来的问题时，您可以添加尽可能多的详细信息！你能说出它说的确切错误吗？加载播放器时出错吗：找不到媒体源请提供链接。谢谢@EthanJWPlayer:D；

    <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>