Html5-ös video player nem tölti be a youtube videót

Html5-ös video player nem tölti be a youtube videót
2014-08-17T17:44:02+02:00
2014-08-18T13:19:50+02:00
2022-10-15T23:00:42+02:00
ferrari458
Sziasztok

Letöltöttem ezt a videó lejátszót.

Az én oldalamon ahol használnám, ott a mozillában a konzol ezt írja:
A(z) "video/youtube" megadott "type" attribútuma nem támogatott. A média-erőforrás (Ferrari 458 Italia sound (Budapest)) betöltése meghiúsult.
Minden jelölt erőforrás betöltése sikertelen. A média betöltése felfüggesztve.


Mutatom a kódot amivel működésre bírnám, csak nem megy:

<div class="col-md-8"> <h3 class="page-header page_title_bold"><?php if(isset($v)) { echo htmlspecialchars($v['v_cim']); } ?></h3> <video id="player1" width="100%" height="360" controls="control" preload="none"> <source src="https://www.youtube.com/watch?v=<?php if(isset($v)) { echo htmlspecialchars($v['v_thumb']); } ?>" type="video/youtube" /> </video> <p class="help-block"><?php if(isset($v)) { echo htmlspecialchars($v['v_desc']); } ?></p> </div> <script> jQuery(document).ready(function($) { var player = new MediaElementPlayer('#player1'); }); </script>

Css és js fájlok is be vannak hívva jól, oldal forrásában ha rájuk kattintok bejönnek rendesen, úgyhogy a fájlok elérése jó.

Amit beillesztek youtube linket azis jó, mert ha külön megnyitom azt akkor megnyílik a youtube-on a videó, úgyhogy a link sem hibás. $v['v_thumb'], ez a videó azonosítója. (JmPLTcBJ5Yw)

És most csak annyi van, hogy megjelenik a lejátszó, de full fekete az egész. A videó nem töltődik be. Kievtte már a preload-ot is, a type-ot is a <video> sorból. Tudnátok segíteni?
Mutasd a teljes hozzászólást!
Támogatott FORMÁTUMOK!!!
A következő TESZTen én így oldottam meg (részlet a megoldás kódjából):
//Loop Through Them if(!empty($videolist)){foreach($videolist as $video) { //Get YouTube Id $phrase = explode("/",$video["video_url"]); $youtubeid = str_replace("watch?v=","",end($phrase)); $phrase1 = explode("&",$youtubeid); $youtubeid = reset($phrase1); //Youtube video File + Youtube video Thumbnail $thumb = "http://img.youtube.com/vi/$youtubeid/default.jpg"; $file = "http://www.youtube.com/v/$youtubeid"; //Build Up your list of video $thumbdom .= ' <li>'."\n". ' <a class="fancy" href="#video'.$video["video_id"].'" title="'.$video["video_title"].'">'."\n". ' <img src="'.$thumb.'" alt="'.$video["video_title"].'" />'."\n". ' </a>'."\n". ' </li>'."\n"; //Also adds the corresponding player for the video $playerdom .= ' <div class="video_player_wrap" id="video'.$video["video_id"].'">'."\n". ' <embed style="width:400px;height:350px"'."\n". ' src="'.$file.'&amp;autoplay=1&amp;hl=en&amp;fs=1&amp;rel=0&amp;color1=0x3a3a3a&amp;color2=0x999999"'."\n". ' type="application/x-shockwave-flash" allowscriptaccess="always"'."\n". ' allowfullscreen="true" width="320" height="265"></embed>'."\n". ' </div>'."\n"; }} $thumbdom .= ' </ul>'; $dom = ' <div id="thumbnailscontainer">'."\n".$thumbdom."\n".' </div>'."\n". ' <div id="playercontainer">'."\n".$playerdom.' </div>'."\n"; return $dom;
...
A teljes letölthető és tanulmányozható...
Mutasd a teljes hozzászólást!

Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd