我正在尝试建立一个包含视频部分的网站。我遇到的问题是,为了更改“.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/