web-dev-qa-db-ja.com

Vimeoコントロールを非表示にする方法

生徒には、Vimeoを使用したビデオチュートリアルが提供されます。

生徒がビデオを見終わったら、クイズが表示されます。

私たちが発見したのは、学生が高速順方向制御を使用してスライダーを前方に動かし、ビデオを見る時間を短縮することです。

私たちはそれを止めたいと思っており、学生がビデオ時間を短縮するために前進できないように、高速フォワードコントロールを無効化または非表示にする方法があるかどうか疑問に思っています。

ご協力いただきありがとうございます

jqueryvimeovimeo-api
15
Tairoc

  1. Vimeoにログインしていることを確認してください。

  2. ビデオ設定ページに移動します：https://vimeo.com/{enter_video_id}/settings/embed

  3. Show Play Bar 下 Player Preferences

enter image description here

編集：これらの機能を使用するには、PlusまたはProアカウントが必要です。

19
Dan

Iframe see EXですべてを制御できます。

title=0   for title hide
sidedock=0  for social icon hide
controls=0 . for button hide

<iframe class="iframe" src="//player.vimeo.com/video/191777290?title=0&byline=0&portrait=0&sidedock=0" width="100%" height="430" frameborder="0" webkitallowfullscreen   mozallowfullscreen allowfullscreen>
4
Antu R.

Vimeoのgithubにfredlee0109が投稿した素敵なトリックを見つけました。ここにフィドルがあります： https://jsfiddle.net/weLtk3ma/2/ しかし、これはおそらくVimeo API利用規約に反していることに注意してください。

<style type="text/css">
    .top {
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        position: relative;
    }

    iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .wrapper {
        position: relative;
        padding-bottom: 200%;
        transform: translateY(-35.95%);
    }
</style>

<div class="top">
    <div class="wrapper">
        <iframe src="https://player.vimeo.com/video/15280451?title=0&byline=0&portrait=0&transparent=0&autoplay=1" width="640" height="480" frameborder="0" title="Funny Cat Videos For Kids" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" data-ready="true"></iframe>
    </div>
</div>
1
Torben

これは、Vimeoの早送りを防ぐための私のソリューションです。VimeoAPIとのやり取りは本当に素晴らしいものでした。

スクリプトは、ユーザーが早送りしようとするビデオの瞬間を記憶します。その後、jsは適切な場所に戻ります。

あなたのビデオ：

<iframe src="{{ $video_path }}" width="100%" height="500px" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Vimeoスクリプトを忘れずに追加してください：

<script src="https://player.vimeo.com/api/player.js"></script>

JavaScriptロジック：

 let iframe = document.querySelector('iframe');
 let player = new Vimeo.Player(iframe);
 let playing = false;
 let simulationTime = 0;

 player.on('play', function(e) {
     playing = true;
 });

 player.on('pause', function(e) {
     playing = false;
 });

 /**
 * Event fired when user want to fast forward
 */
 player.on('seeked', function(e) {
     if (e.seconds > simulationTime) {
         player.setCurrentTime(simulationTime).then(function(seconds) {
         }).catch(function(error) {
            switch (error.name) {
                case 'RangeError':
                    // The time is less than 0 or greater than the video's duration
                    break;
                default:
                    // Some other error occurred
                    break;
            }
         });
     }
     else {
         simulationTime = data.seconds;
     }
 });

 /**
 * Keep time going
 */
 window.setInterval(function() {
     if (playing) {
         simulationTime++;
     }
 }, 1000);

乾杯！

1
Adam Kozlowski