Question

我试图显示一个显示视频的引导模式，具体取决于在图库中单击的图像。问题是模态内的标签是空的。我能够获得id，但嵌入式播放器永远不会出现。

我将其添加到标签中：

<script src='//cameratag.com/api/v5/js/cameratag.js' type='text/javascript'></script>

如果我在html代码中添加此行，则可以正常工作：

<video id='rando' data-uuid='["v-dcxxx-xxxx-xxx-xxx-xxxx-126dea3"]'></video>

这是我执行的功能：

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="assets/libs/bootstrap/js/bootstrap.min.js"></script>

<script type="text/javascript">
            function addVideo(video) {

            document.getElementById("modalContainer").innerHTML = '<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"><div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="myModalLabel">Modal title</h4></div><div class="modal-body" id="videoContent"><video id="rando" data-uuid=\'["' + $(video).attr("id") + '"]\'></video></div><div class="modal-footer"><button type="button" class="btn btn-default" data-dismiss="modal">Close</button><button type="button" class="btn btn-primary">Save changes</button></div></div></div></div>';

            $('#myModal').modal('show') 
            }
</script>

帮助！：）

Answer 1

摆脱双引号。

data-uuid=\'["' + video + '"]\'

应该是

data-uuid=\'[' + video + ']\'

将CameraTag <video>标记插入JavaScript的div标记中

1 个答案: