problem z video html5

pytanie zadane 26 kwietnia 2015 w PHP przez jaca121212 Nałogowiec (40,760 p.)
zamknięte 27 kwietnia 2015 przez joker

tak jak wyżej w temacie jest problem z muzyką a dokladnie tagiem video html5 nie ładuje mi do odtwarzacza

przykład jak to ma być

odtwarzacz >playlista(pliki pobrane z foldera wyświetlane na ekranie )>po kliknieciu w daną muzykę(link) ładuję do odtwarzacza video

kod jest taki

<body>
<?php
//[<a href="userlist.php">Lista użytkowników</a>] 
 
echo'<audio id="videoarea" controls="controls" poster="" src=""></audio>';
?>
 
 
 
<?php 
function rozszerzenie($plik){ 
preg_match("/\.([^\.]+)$/", $plik, $matches); 
return($matches[1]); 
} 
 
//ścieżka 
$path = "muzyka/"; 
$dir = new DirectoryIterator($path); 
foreach ($dir as $fileinfo) { 
 
$rozsz = rozszerzenie($fileinfo); 
 
//pobieramy dla przykładu tylko pliki z rozszerzeniem txt 
if($rozsz == "mp3"){ 
 
echo'<ul id="playlist">';
echo "<a href=muzyka/$fileinfo>$fileinfo</a>";
echo '<br/>';
echo '<br/>';
 
echo'</ul>';
 
} 
 
 
 
} 
?> 
<script>
$(document).ready(function(){
 
$("#playlist a").on("click", function() {
 
       var src = $(this).attr('href');
 
        $("#videoarea").attr("src", src);
        $("#videoarea").attr("poster", '');
        $("#videoarea").attr("autoplay", true);
 
});
  return false;
 
});
 </script>
</body>

komentarz zamknięcia: Problem rozwiązany

5 odpowiedzi

odpowiedź 26 kwietnia 2015 przez SyntaxError Pasjonat (17,170 p.)

odpowiedź 26 kwietnia 2015 przez efiku Szeryf (75,160 p.)

//1.
function rozszerzenie($plik){
    return pathinfo($plik,  PATHINFO_EXTENSION);
}

2: linia 6 do usunięcia ;P

3. masz jquery ?

komentarz 26 kwietnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

nie mam jquery
mam teraz taki problem jak np zmienilem nazwe z np nazwa pliku = nazwapliku to wtedy odtwarza mi tylko po przeladowaniu strony i wtedy odtawrza mi w playerze na całą strone a ja chciałbym po kliknieciu nie przeładowywała mi sie strona tylko odtwarzała w playerze na stronie

<script>
$(document).ready(function(){

$("#playlist a").on("click", function() {

       var src = $(this).attr('href');

        $("#videoarea").attr("src", src);
        $("#videoarea").attr("poster", '');
        $("#videoarea").attr("autoplay", true);

});
 return false;

});

</script>

komentarz 26 kwietnia 2015 przez efiku Szeryf (75,160 p.)

Nie masz jquery a korzystasz z jego możliwości.

Czyli robisz Ctrl + V ;P

Musisz mieć jquery aby Ci ten kod zadziałał.

komentarz 26 kwietnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

po dodaniu jquery nadal nie działa kod mam takie wrażenie że ten javascript jakby nie reagował na ten player

komentarz 26 kwietnia 2015 przez efiku Szeryf (75,160 p.)

Oczywiście, że nie będzie działać.

Bo za każdym przebiegiem pętli foreach dodaje się id playlist dla wraz z ul

komentarz 26 kwietnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

ktoś mogłby to poprawić tak aby to działało bo nie mam sił z tym kodem od rana się męcze z nim

komentarz 26 kwietnia 2015 przez efiku Szeryf (75,160 p.)

"ktoś mogłby to poprawić tak aby to działało bo nie mam sił z tym kodem od rana się męcze z nim"

Nie z nami te numery, nie męczysz się. ;-)

linia 26 przed pętlę foreach

linia 31 na miejsce 34

Patrząc na Twój kod.

Zapewne za chwilę ktoś też napisze info odnośnie kodu js, o juz wiem kto.

PS: Jeśli coś zmieniłeś w kodzie, edytuj pytanie i wsadz aktualną wersję.

odpowiedź 26 kwietnia 2015 przez Ehlert Ekspert (212,670 p.)

www.w3schools.com/html/html5_video.asp W jakim formacie masz film? Zrobiłeś dobrego doctype'a dla HTML5?

komentarz 26 kwietnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

format mp3 dla audio a dla video mp4 wiem że kiedyś to używałem po modyfikacjach tego skryptu ale usuną mi się ten plik i nie pamiętam tego jak to było poprawnie zrobionę mógłby mi to ktoś poprawić tak aby działał ten skrypt

odpowiedź 26 kwietnia 2015 przez jaca121212 Nałogowiec (40,760 p.)

nawet jeśli zrobiłem to w ten sposób

$(document).ready(function(){
 
$("#playlist a").on("click", function() {
 
       alert(1);
 
});
 
 
});

to po kliknieciu w link a powinien pokazac sie alert z wartoscia 1 a tak sie nie dzieje aktualny kod php

<?php
include_once('gra.php');
?>
<!DOCTYPE html>
<head>
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.3.js"></script>
<style>
#playlist {
display:table;
}
#playlist a{
cursor:pointer;
padding:8px;
}

#playlist a:hover{
color:blue;
}
#videoarea {
float:left;
width:640px;
height:480px;
margin:10px;
border:1px solid silver;
}
</style>
</head>
<body>

<?php
//[<a href="userlist.php">Lista użytkowników</a>] 
 
echo'<audio id="videoarea" controls="controls" poster="" url=""></audio>';
?>
 <script>
$(document).ready(function(){
 
$(document).ready(function(){
 
$("#playlist a").on("click", function() {
 
       alert(1);
 
});
 
 
});
 
</script>
 
 
<?php 
function rozszerzenie($plik){ 
preg_match("/\.([^\.]+)$/", $plik, $matches); 
return($matches[1]); 
} 
 
//ścieżka 
$path = "muzyka/"; 
$dir = new DirectoryIterator($path); 
echo'<ul id="playlist">';
foreach ($dir as $fileinfo) { 
 
$rozsz = rozszerzenie($fileinfo); 
 
//pobieramy dla przykładu tylko pliki z rozszerzeniem txt 
if($rozsz == "mp3"){ 
 
echo "<li><a href=muzyka/$fileinfo>$fileinfo</a></li>";
 
} 
echo'</ul>';
 
 
 
} 
?> 

</body>

komentarz 26 kwietnia 2015 przez efiku Szeryf (75,160 p.)

Kolego, pokazałem Ci jak ma wyglądać funkcja rozszerzenie aby poprawnie działała.

Syntax pokazał Ci jak ma wyglądac w pętli foreach dodawanie po kolei linków do playera a także kod do jQuery.

Zrobiliśmy wszystko co mogliśmy aby rozwiązać Twój problem. Nie licz na gotowy kod, bo nie na tym polega nauka.

Dostarczyliśmy Ci materiały, teraz poskładaj je w całość. ;>

Dziękuję i to była moja ostatnia wypowiedź w tym temacie:)

komentarz 26 kwietnia 2015 przez SyntaxError Pasjonat (17,170 p.)

Kolego konsola! Konsola przy pracy z js/jq to jest podstawa. Klikasz F12 i wiesz wszystko. Co zrobiłeś teraz? Otworzyłeś dwa razy $(document).ready(function() { nie wiem po co, a potem zamknąłeś tylko raz. I konsola powie Ci dokładnie to samo.