Ифраме скрывается и решение не работает

Question

Ифраме скрывается и решение не работает

0

Я создаю свой собственный фильм-веб-пространство на своем компьютере, и там у меня есть кнопки, чтобы показать обложку фильма и одну, чтобы скрыть обложку и показать iframe, но это не работает. Вот мой код:

Мой php-код для обложки и iframe:

    echo '<div class="BildTrailerButton">';
               echo '<button name="Bild" id="Bildbutton" value="Cover" onClick="bild()">'."Cover".'</button>';
               echo '<button name="Trailer" id="Trailerbutton" value="Trailer" onClick="trailer()">'."Trailer".'</button>';
               echo '</div>';


               echo '<img src="'.$titel['Bilderlink'].'" title="'.$titel['FTitel'].'" class="Filmbilder" id="Bild">';

               echo '<div class="videoDiv" id="playerDiv">';
               echo '<iframe width="560" height="400" src="'.$titel['Trailerlink'].'" frameborder="0" id="player" allowfullscreen>';
               echo '</iframe>';

               echo '</div>';

и вот код javascript:

    <script type="text/javascript" defer>

        document.getElementById("player").style.visibility="hidden";

        function trailer(){             
                document.getElementById("Bild").style.visibility="hidden";
                document.getElementById("player").style.visibility="visible";

        }  

        function bild(){
                document.getElementById("player").style.visibility="hidden";
                document.getElementById("Bild").style.visibility="visible";        
        }


    </script>

Консоль Firebug дает эту ошибку:

    TypeError: document.getElementById(...) is null
document.getElementById("player").style.visibility="hidden";

earny1989 13 апр. 2014, в 22:59

Источник

0

Находится ли исходный URL-адрес iframe в том же домене, что и этот документ? Если это не так, браузер запретит доступ к тегу iframe в качестве меры безопасности.
Plenka 13 апр. 2014, в 20:22
0

Iframe src является ссылкой на YouTube.
earny1989 13 апр. 2014, в 20:24
0

Есть ли шанс спрятать мой iframe?
earny1989 13 апр. 2014, в 20:27
0

И, таким образом, у вас нет доступа к тегу iframe. Лучший способ справиться с этим - использовать код для вставки фильма на YouTube и вставить его в тег <div>. У вас всегда будет доступ к этому тегу, поэтому вы можете скрыть его по своему желанию.
Plenka 13 апр. 2014, в 20:28
0

@Plenka: Конечно, у вас есть доступ к самому элементу iframe - SOP только запрещает вам доступ к его содержимому .
CBroe 15 апр. 2014, в 15:16

Показать ещё 3 комментария

Теги:

php

javascript

html

iframe

2 ответа

Ещё вопросы

Находится ли исходный URL-адрес iframe в том же домене, что и этот документ? Если это не так, браузер запретит доступ к тегу iframe в качестве меры безопасности.
И, таким образом, у вас нет доступа к тегу iframe. Лучший способ справиться с этим - использовать код для вставки фильма на YouTube и вставить его в тег <div>. У вас всегда будет доступ к этому тегу, поэтому вы можете скрыть его по своему желанию.
@Plenka: Конечно, у вас есть доступ к самому элементу iframe - SOP только запрещает вам доступ к его содержимому .

earny1989 · Answer 1 · 2014-04-15T12-15-00.000Z

Спасибо всем особенно Пленке. Я сделал это :) Вот мой новый код:

Javascript:

     <script type="text/javascript" defer>



        function trailer(){             
                document.getElementById("Bild").style.visibility="hidden";
                document.getElementById("playerDiv").style.visibility="visible";

        }  

        function bild(){
                document.getElementById("playerDiv").style.visibility="hidden";
                document.getElementById("Bild").style.visibility="visible";        
        }


    </script>

И код html/php:

    echo '<div class="BildTrailerButton">';
               echo '<button name="Bild" id="Bildbutton" value="Cover" onClick="bild()">'."Cover".'</button>';
               echo '<button name="Trailer" id="Trailerbutton" value="Trailer" onClick="trailer()">'."Trailer".'</button>';
               echo '</div>';


               echo '<img src="'.$titel['Bilderlink'].'" title="'.$titel['FTitel'].'" class="Filmbilder" id="Bild">';

               echo '<div class="videoDiv" id="playerDiv">';
               echo '<object width="560" height="315">'
                   .'<param name="movie" value="'.$titel['Trailerlink'].'"></param>'
                   .'<param name="allowFullScreen" value="true"></param>'
                   .'<param name="allowscriptaccess" value="always"></param>'
                   .'<embed src="'.$titel['Trailerlink'].'" type="application/x-shockwave-flash" width="560" height="400" allowscriptaccess="always" allowfullscreen="true"></embed>'
                   .'</object>';      
               echo '</div>';
           }

elo · Answer 2 · 2014-04-13T18-36-00.000Z

Скрыть iframe с помощью:

document.getElementById("player").style.display = 'none';