Rumah Media Sosial Bagaimana Memasukkan File Audio dan Video dalam Dreamweaver - dummies

Bagaimana Memasukkan File Audio dan Video dalam Dreamweaver - dummies

Video: Tutorial Insert Video dan Audio di Dreamweaver - Tutorial HTML Dasar 2025

Video: Tutorial Insert Video dan Audio di Dreamweaver - Tutorial HTML Dasar 2025
Anonim

Meskipun Anda dapat menggunakan Dreamweaver untuk memasukkan file video langsung ke halaman web, saran terbaik kami adalah menggunakan salah satu layanan video-hosting, seperti seperti YouTube atau Vimeo.

Bila Anda memilih Media dari menu Insert, Anda akan menemukan beberapa opsi video dan audio. Jika Anda ingin memasukkan file video yang ada di salah satu format lama dan lebih eksklusif, seperti Windows Media Video (.wmv) atau QuickTime (. Mov), Anda memilih opsi Plugin dari daftar turun Media di Insert menu.

Jika Anda ingin menggunakan format video terbaru menggunakan tag video HTML5, Anda dapat memasukkan video dalam format MP4, webM, atau Ogg Theora dengan mengikuti langkah-langkah berikut:

  1. Klik di tempat yang Anda inginkan file tersebut akan muncul di halaman web anda.

  2. Pilih Insert → Media → HTML5 Video.

    Anda juga dapat mengklik daftar drop-down pada panel Insert, pilih Media, lalu pilih HTML 5 Video. Kotak abu-abu kecil yang berisi ikon film muncul dalam desain Anda.

  3. Klik kotak abu-abu kecil yang berisi ikon film.

    Properti Video ditampilkan di Property Inspector di bagian bawah layar.

  4. Di bidang Sumber di inspektur Properti, masukkan URL ke file video Anda atau pilih ikon Browse dan kemudian pilih file video di hard drive Anda.

    Setelah memilih file, path dan filename muncul di jendela Source.

  5. (Opsional) Gunakan kolom Alt Source 1 dan Alt Source 2 untuk memasukkan URL atau browse dan pilih video dalam format tambahan.

    Salah satu kompleksitas penggunaan tag video HTML5 adalah Anda dapat menggunakannya dengan tiga format video: mp4, Ogg Theora, dan webM. Jika Anda ingin video Anda diputar di semua peramban web populer, Anda perlu memasukkan video ke dalam ketiga format tersebut.

    Anda melihat ketiga bidang sumber diisi dengan video di masing-masing format ini. Selain itu, Anda dapat menyertakan video Flash untuk browser web lawas di bidang Fallback Flash.

    Jika Anda merasa tergila-gila harus menyematkan empat file video yang berbeda dalam empat format yang berbeda, Anda tidak sendiri. Kompleksitas ini disebabkan oleh kurangnya kesepakatan di antara perusahaan browser tentang format apa yang terbaik untuk video.

    Keuntungan lain menggunakan Vimeo atau YouTube, untuk meng-host video Anda adalah Anda dapat mengupload video hanya dalam satu format, dan YouTube dan Vimeo mengkonversinya dan mengirimkannya ke dalam semua format ini secara otomatis.

  6. Masukkan tinggi dan lebar di bidang H dan W, masing-masing dari inspektur Properti.

    Bila Anda menambahkan audio atau video, Dreamweaver tidak menentukan tinggi dan lebar file secara otomatis, jadi Anda perlu menambahkan dimensi di Property inspector setelah Anda memasukkan file.

  7. Simpan halaman dan klik ikon Preview (globe) (di bagian atas area kerja) untuk membuka halaman di browser, untuk memastikan kompatibilitas.

    Tidak semua format video akan diputar di semua browser. Uji video Anda untuk memastikannya diputar setidaknya di browser yang Anda targetkan sebagai tujuan utama Anda. Jika Anda telah menyetel file ke Autoplay, file Anda diputar secara otomatis saat halaman dimuat ke browser. Jika tidak, browser Anda memasukkan pengendali sederhana sehingga Anda dapat memulai, menjeda, maju cepat, dan memutar mundur videonya.

Bagaimana Memasukkan File Audio dan Video dalam Dreamweaver - dummies

Pilihan Editor

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Kantor 2011 untuk Mac: Membuat Tabel dengan Kotak Dialog atau Teks - dummies

Sementara ada cara baru untuk membuat tabel di Office 2011 untuk Mac, Anda masih bisa menggunakan teknik stand-by. Menu yang familiar masih bekerja di Office 2011 untuk Mac, dan inilah buktinya. Dialog meja semuanya masih ada di sana: Di Word, pilih Table → Insert → Table; Sebagai alternatif, pada tab Tabel Ribbon, di Tabel Pilihan ...

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Kantor 2011 untuk Mac: Melepaskan Command Toolbar - dummies

Apakah Anda menggunakan Office 2011 untuk Mac atau Produk Microsoft Office lainnya, toolbar Anda bisa sangat berantakan. Setiap kali Anda merasa perlu untuk men-tweak antarmuka aplikasi Microsoft Office, Anda perlu memanggil dialog Customize Toolbars and Menus. Ini adalah dialog super kuat di Word, Excel, dan PowerPoint yang memungkinkan Anda ...

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Kantor 2011 untuk Mac: Berbagi Toolbar dan Menu - dummies

Setelah Anda menyesuaikan Office 2011 Anda bilah alat dan antarmuka, Anda dapat berbagi penyesuaian dengan orang lain. Namun, pastikan bahwa Anda menasihati orang-orang yang telah Anda lakukan sebelum membagikan dokumen Anda dengannya; Jika tidak, mereka mungkin akan terkejut saat mereka membuka dokumen Anda dan melihat susunan toolbar atau menu yang berbeda dari pada apa ...

Pilihan Editor

Penting Office 2007 Commands - dummies

Penting Office 2007 Commands - dummies

Anda dapat membuat program Office 2007 lebih mudah jika Anda menggunakan pintasan sederhana ini. Perintah-perintah ini, seperti mengurungkan kesalahan dan memperbesar dan memperkecil akan membantu Anda menghemat waktu. Memasuki simbol: Untuk memasukkan simbol atau karakter asing yang tidak ada pada keyboard Anda, masuk ke tab Insert dan klik Symbol ...

Menyesuaikan Perintah Menu di Office 2003 - dummies

Menyesuaikan Perintah Menu di Office 2003 - dummies

Office 2003 menyediakan dua teknik untuk menyesuaikan menu dan perintah menu. Anda bisa memulai dari kotak dialog Rearrange Commands atau menggunakan metode drag-and-drop. Teruslah membaca. Menangani perintah menu di kotak dialog Rearrange Commands Teknik tombol Options Toolbar untuk menangani tombol toolbar bagus dan keren, tapi bagaimana jika Anda ingin ...

Pilihan Editor

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Bagaimana memecahkan kesalahan logis dalam analisis argumen Pertanyaan GRE - dummies

Ketika Anda menjawab Argument Analysis Pertanyaan di GRE, argumen mungkin tampak logis dan adil di permukaan tapi sebenarnya keliru (keliru, cacat). Alasan melingkar, penalaran sebab-akibat yang keliru, dan generalisasi sweeping adalah tiga tanda argumen lemah. Dengan melihat beberapa kesalahan logis yang lebih umum, Anda dapat mengidentifikasi kelemahan dalam argumen dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Matematika GRE - Pertanyaan Praktik - dummies

Meskipun pertanyaan matematika biasanya hanya memiliki satu jawaban yang benar, ini tidak selalu terjadi. Akibatnya, beberapa pertanyaan pilihan ganda pada tes GRE Math akan memberi Anda daftar jawaban dan meminta Anda untuk memilih lebih dari satu. Pertanyaan praktik berikut meminta Anda untuk menemukan nilai kemungkinan yang berbeda secara berurutan dan ...

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pilihan ganda, Beberapa Jawaban tentang Tes Verbal GRE - Pertanyaan Praktik - dummies

Pada tes GRE Verbal, beberapa pertanyaan pilihan ganda akan memiliki lebih dari satu jawaban yang benar. Untuk pertanyaan ini, Anda akan diminta untuk melihat-lihat pilihan jawaban dan memilih semua yang menurut Anda benar. Dalam pertanyaan praktik berikut, Anda diminta untuk membaca bagian yang disertakan, dan kemudian ...