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

Patratel 发表于 Dev

Patratel

我正在尝试建立一个具有视频部分的网站。我遇到的问题是，为了更改“ .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();

    });

多达任何建议，在此先感谢。

VSnake

添加innerHTML。

您想要ID内的字符串而不是ID本身。

因此：var $ videosource = document.getElementById（“ source”）。innerHTML;

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。