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

原文 标签 javascript php html

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

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

INDEX.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;
}

Scriptz.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;

相关文章:

php - Delphi CryptoBlackBox和PHP

html - 单击时如何更改按钮颜色

javascript - 使用.sort(function(a,b)以降序排列列出解析的xml数据

javascript - 根据第二个输入字段条目禁用一个输入字段

php - 无限的feof循环

php - 每次循环运行时更改类

php - 如何使这段代码简短易读?

html - 将此菜单放在左上角HTML CSS

javascript - Javascript替换,字符串用逗号

javascript - 有没有办法减少与调用方通信的无限生成器中的收益数量?