小さな HTML5 ビデオ プレーヤーを購入したばかりですが、ファイルを追加する方法は、ページの実際の html を編集することです。
これはひどいので、適切なデータを保持する MySQL テーブルの助けを借りて、ページがロードされたときに UL を設定しようとしています。
このページのリストは次のようになります。
<ul id='playlist1' data-address="playlist1">
<li data-address="local1" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
<li data-address="local2" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
<li data-address="local3" class='playlistItem' data-type='local' data-mp4Path='data/media/video/big_buck_bunny_trailer.mp4' data-ogvPath='data/media/video/big_buck_bunny_trailer.ogv' data-imagePath='data/media/video/big_buck_bunny_trailer.jpg' data-thumbPath='data/media/thumb/big_buck_bunny_trailer.jpg' data-aspectRatio='2'></li>
</ul>
かなり基本的なリスト。したがって、これはおそらく基本的なことであり、正しい答えを見つけることができないようです.
次のように読み取られるデータベース テーブルにある値を「GET」したいと思います (これらは列のタイトルであり、データは下の行になります)。
id | data-address | data-imagePath | data-thumbPath | data-mp4Path | data-ogvPath | data-webmPath | title | desc | ord
私の知識はphpとjavascriptについて増えていますが、MySQLテーブルへの呼び出しは私が理解しようとしているものです.
以下で試しているのは、ヘッダースクリプトで次の変数を宣言することです: ( http://www.php.net/manual/en/function.mysql-fetch-object.phpから取得)
$data-mp4Path = mysql_query("select * from mytable");
while ($row = mysql_fetch_object($data-mp4Path)) {
echo $row->data-mp4Path;
}
mysql_free_result($data-mp4Path);
次に、適切なリスト フィールドで次のように php を呼び出します。
data-mp4Path='<? $data-mp4Path ?>'
ただし、スクリプトが $data-mp4Path 変数に保存する必要があると思われるように、出力はテーブルセルデータを解析しません...
どんな助けでも大歓迎です!
_ アップデート _
@peterm の助けを借りて、適切なデータベース フィールドとそれぞれの呼び出しで提供されるコードを、本来あるべき姿で使用しようとしました。
これは、ブラウザーの出力が最終的に次のようになるものです。
<ul id="playlist1" data-address="playlist1">
<!--?php
$db = new PDO('mysql:host=localhost;dbname=wordpress;charset=UTF-8', 'root', 'root');
$sql = "SELECT * FROM `wp_localTestinglbg_vp2_html5_rightside_videoplaylist`";
foreach ($db--->query($sql) as $row) {
$li = '<li data-address="local' .$row['id']. '" ';="" $li="" .=" class="playlistItem" data-type="local"" ;="" .$row['mp4'].="" '"';="" .$row['ogv'].="" .$row['data-imagepath'].="" .$row['data-thumbpath'].="" echo="" $li;="" }="" $db="null;" ?="">
</li></ul>
これがループとして機能し、新しい LI アイテムをプレイリストに出力するという夢は素晴らしいことですが、まだ機能していません。
__ アップデート __
コードをクリーンアップした後、UL タグ間の出力は空白になりました。出力は次のとおりです。
<ul id="playlist1">
</ul>
タグ内の「data-address=playlist1」を削除しました。