javascript - 试图将数据从 .php 文件传递​​到 .js 文件

标签 javascript php html

我正在尝试建立一个包含视频部分的网站。我遇到的问题是,为了更改“.video-player”中的视频,我需要将数据库中的数据(视频名称)从我的 index.php 文件传递​​到我的 scriptz。 js文件。

到目前为止,我尝试过的是在 div 中回显该数据并使用 javascript 中的 document.getElementbyId 检索它,但这似乎不起作用。这是代码

索引.php

<ul class="video-list">
<?php
while($videotemp=mysql_fetch_array($ris))
{
?>
    <li class="video-element">
        <div class="image-duration">
            <img class="video-thumbnails" src="images/<?php echo $videotemp["thumbnails"] ;?>"/>
            <p class="duration"><?php echo number_format($videotemp["duration"]/100,0);?>:<?php echo $duration2=$videotemp["duration"]%100; ?></p>
        </div>
        <p class="video-title"><?php echo $videotemp["author"];?> - <?php echo $videotemp["name"] ;?></p>
        <div id="source"><?php echo $videotemp["source"]  ?></div>
    </li>
<?php   
}
?>
</ul>

<video id="video-player"  preload="auto" data-setup="{}"  controls  >
    <source id="mp4" src="" type="video/mp4" />
    <source id="ogv" src="" type="video/ogv" />
    <source id="webm" src="" type="video/webm" />
</video>

Cese.css

#source{
visibility:hidden;
}

脚本.js

$('.video-element').click(function(){
        var $videosource=document.getElementById("source");

            document.getElementById('mp4').setAttribute('src','videos/'+$videosource + ".mp4");
            document.getElementById('ogv').setAttribute('src','videos/'+$videosource + ".ogv");
            document.getElementById('webm').setAttribute('src','videos/'+$videosource + ".webm");
            $("#video-box")[0].load();

    });

有任何建议,在此先感谢。

最佳答案

添加 innerHTML。

您需要 ID 中的字符串而不是 ID 本身。

所以:var $videosource=document.getElementById("source").innerHTML;

关于javascript - 试图将数据从 .php 文件传递​​到 .js 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34472751/

相关文章:

javascript 和 c++ 双数 0.0

php - 使用 POST 创建 HTML 表格

html - 嵌套的 svg 继承大小

javascript - 在事件类标题颜色更改(添加/删除类)

javascript - 在纯前端应用程序上存储服务凭证的位置和方式

javascript - 切换所选列表项的背景颜色react.js

javascript - Angular 指令使选定的子菜单及其父菜单处于事件状态并关闭所有其他打开的元素

php - 尝试使用终端打开 laravel 的文件结构时无法获取引用控制台的文件描述符

php - 无法从同一类的相同方法调用相同的静态方法

javascript - 尝试使用自动调整大小